css3實(shí)現(xiàn)div旋轉(zhuǎn) 做響應(yīng)式網(wǎng)頁,如何讓一個(gè)div的高和寬保持比例放大,縮小?
做響應(yīng)式網(wǎng)頁,如何讓一個(gè)div的高和寬保持比例放大,縮???1. 方案一:響應(yīng)類型。您可以根據(jù)媒體查詢?cè)O(shè)置不同屏幕寬度下div的高度和寬度。具體設(shè)置取決于您希望如何顯示@僅媒體屏幕和(最小寬度:100p
做響應(yīng)式網(wǎng)頁,如何讓一個(gè)div的高和寬保持比例放大,縮?。?/h2>
1. 方案一:響應(yīng)類型。您可以根據(jù)媒體查詢?cè)O(shè)置不同屏幕寬度下div的高度和寬度。具體設(shè)置取決于您希望如何顯示@僅媒體屏幕和(最小寬度:100px)和(最大寬度:640px){div{width:100px height:100px}@僅媒體屏幕和(最小寬度:641px)和(最大寬度:789px){div{width:200px)}2。方案2:按百分比計(jì)算,你需要在這里使用一些技巧。當(dāng)使用百分比作為單位時(shí),填充是相對(duì)于容器的寬度計(jì)算的,因此可以將高度設(shè)置為0,內(nèi)容將自然溢出,并設(shè)置填充底部高度:0寬度:50%填充-底部:30%所以這個(gè)div的縱橫比是30%:50%