html如何适配设备⾼度,css怎样⾃适配屏幕⾼度？
css怎样⾃适配屏幕⾼度？下⾯本篇⽂章给⼤家介绍⼀下css实现⾃适应屏幕⾼度的⽅法。有⼀定的参考价值，有需要的朋友可以参考⼀下，希望对⼤家有所帮助。
css实现⾃适应屏幕⾼度
在CSS中，可以通过设置height属性的值为100%(相对长度)来让⾃适应屏幕⾼度。
Document
body,html{
margin:0px;
height:100%;
css固定定位}
.div1{
width:100px;
height:100%;
background:red;
}
说明：
百分⽐是⼀个相对长度单位，相对于包含块(containing block)的⾼宽或字体⼤⼩来取值。
关于包含块(containing block)的概念，不能简单地理解成是⽗元素。
如果是静态定位和相对定位，包含块⼀般就是其⽗元素。
如果是绝对定位的元素，包含块应该是离它最近的 position为⾮static属性的祖先元素。
如果是固定定位的元素，它的包含块是视⼝(viewport)。
具体可以参考 W3Help。
更多web前端⾃学知识，请查阅 HTML中⽂⽹ ！！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。