html如何适配设备高度,css怎样自适配屏幕高度？

css怎样自适配屏幕高度？下面本篇文章给大家介绍一下css实现自适应屏幕高度的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

css实现自适应屏幕高度

在CSS中，可以通过设置height属性的值为100%(相对长度)来让自适应屏幕高度。

Document

body,html{

margin:0px;

height:100%;

}

.div1{

width:100px;

height:100%;

background:red;

}

说明：

百分比是一个相对长度单位，相对于包含块(containing block)的高宽或字体大小来取值。

关于包含块(containing block)的概念，不能简单地理解成是父元素。

如果是静态定位和相对定位，包含块一般就是其父元素。

如果是绝对定位的元素，包含块应该是离它最近的 position为非static属性的祖先元素。

如果是固定定位的元素，它的包含块是视口(viewport)。

具体可以参考 W3Help。

更多web前端自学知识，请查阅 HTML中文网 ！！