將div的寬 高按比例設定有什麼效果

2021-10-09 19:33:01 字數 468 閱讀 4812

在新增div時,對它的大小(寬、高)有兩種設定方法:固定值和百分比。

1)若div的寬高為固定值,則該div的顯示效果會隨著其父div的縮放而變化。如下所示:

2)若div的寬、高值為百分比,且其父div的寬、高值也為百分比,body的寬高預設未設定為指定值時,則該div的顯示不會因為瀏覽器的縮放而變化如下所示:

原理:將div的高度height設定為0,這樣它的內容就會溢位,需要將其padding-bottom也設定為百分比(該值取的也是其父div的寬度比例),這樣這個div的高度也成比例了。

div設定寬高的問題

今天給乙個div定義了乙個類名,然後在css中給這個div設定寬。有兩種寫法 第一種直接是給div這整個型別設定,第二種是給類名設定。然後就出現了問題。用第一種方法時我可以直接設定width,注意是直接,也就是並沒有設定高。但是當我用第二種方法設定width時完全沒有效果顯示,後來發現給div設定乙...

jQuery 獲取與設定div的寬高

jquery獲取與設定div的寬高的方法有兩種 1.使用尺寸函式 2.使用css方法 獲取寬高 1.尺寸函式 height 獲取高度,width 獲取寬度 2.css獲取div寬高 css height 獲取高度,css width 獲取寬度 區別 尺寸函式獲取的值為整型,而css獲取的值為帶px的...

響應式網頁,div的高和寬保持比例放大 縮小

1,方案一 響應式來做,可以根據 查詢,設定在不同螢幕寬度下div的高度和寬度,具體的設定看你響應式想怎麼顯示 media only screen and min width 100px and max width 640px media only screen and min width 641p...