是否存在利用纯css操作,使子元素获取屏幕高度的方法。
一般来说,子元素height:100%将获取父元素高度,是否可以利用纯css方法打破这点。
body{width:100%;height:100%;position:absolute;background:#ff0;}
可以设置子元素的height: 100vh
。
css3 vh浏览器支持情况
css
body>.container{ position:absolute; top:0; right:0; bottom:0; left:0; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }