本站使用了 Pjax 等基于 JavaScript 的开发技术,但您的浏览器已禁用 JavaScript,请开启 JavaScript 以保证网站正常显示!

如何设置body高度100%自适应屏幕

小助手读文章 00:00 / 00:00

一个对象高度是否可以使用百分比显示,取决于对象的父级对象,#id的父级是body,而浏览器默认状态下,是没有给body一个高度属性的,因此当我们直接设置#id为height:100%;时,不会产生任何效果,而当我们给body设置了100%之后,它的子级对象#id的height:100%;便发生作用了,这便是浏览器解析规则引发的高度自适应问题。

如何设置body高度100%自适应屏幕?

只要给body的父元素html标签设置height:100%; 即可

<style>
    html,body{ width:100%; height:100%;}
</style>

此方法适合给body设置一张背景图片


推广

 继续浏览关于 bodyhtml 的文章

 本文最后更新于:2020/09/14 16:04:32,可能因经年累月而与现状有所差异

 引用转载请注明:Walk alone > 教程 > 如何设置body高度100%自适应屏幕