寬高自適應

網頁布局中經常要定義元素的寬和高。但很多時候我們希望元素的大小能夠根據窗口或子元素自動調整，這就是pc自適應。 自適應的優點：元素自適應在網頁布局中非常重要，它能夠使網頁顯示更靈活，可以適應在不同設備、不同窗口和不同分辨率下顯示。

寬度自適應

元素寬度設置為100%。（塊元素寬度默認為100%）或者不設置寬度（width）;（寬度是父元素的寬度）

高度自適應

1)自適應元素高度：height:auto;或者不設置;（是子元素撐開父元素的高度）2)元素高度自適應窗口高度設置方法：html,body{height:100%;}注：如果設置子元素的高度跟隨父元素的高度變化而變化，那么父元素必須有高度。

最小高度的自適應

非浮動元素地父元素高度自適應

1、不寫高度；（弊端：當內容很少的時候，元素高度也會很小，影響美觀） 2、height：auto； 3、min-height屬性：最小高度；(IE6瀏覽器不識別該屬性) 4、通過下劃線過濾器min-height:value;_height:value; 5、通過關鍵字過濾器 min-height:va

總結

以上是生活随笔為你收集整理的PC端 宽高自适应问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。