PC端 宽高自适应问题

宽高自适应

网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是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端 宽高自适应问题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。