html中常常遇到body和html的最小高度不能够100%，用css设置了最小高度min-height：100%，还是不起作用，我就每次都是用js来控制，尤其在手机端的网页，设置背景颜色的时候大多都需要设置最小高度为100%。求助大家的好建议
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
8
752
收藏
html,body{
}
JS计算？赋值？不过这好麻烦，希望能有更简便的办法。
有吗，直接设置body或者html的背景就是全屏的背景了吧。
用定位
position:absolute;
top:0;
left:0;
bottom:0;
right:0
移动端页面技巧：
http://mp.weixin.qq.com/s?__biz=MjM5NjA3ODI3Ng==&mid=206479284&idx=2&sn=b1f43f147853ebfe621929f64f568fcb&scene=1&srcid=0914q2ZkQjqortmszDh4ZO1k&key=dffc561732c2265153abe7529abb7c69b3c8ee84479d1c851b3263fff23bf9098a08cdcad3d378755aec4b702d27a85e&ascene=1&uin=MzEyNDk0Mjc1&devicetype=Windows+7&version=6102002a&pass_ticket=RLKRL57jQqYuFqasXRnC2segLF47qU98O7Mxh0rNVed5l7R%2Bf0Mut3%2F7mVudlHnN
你希望至少撑满一个屏幕的时候，如果设置元素100%
如
由于百分比是相对的，p会根据父元素计算基数，得到基数*100% 的高度
所以需要给body 设置 高度
同理, 还要设置html
类似的，可以给html设置font-size来控制整个页面的默认font-size;这个方法常用于不同分辨率的移动设备的web页面中。
或者移动端可以尝试
min-height: 100vh;我也想搞明白html里面的高度问题。它100%显然是没有用的。除非这个与元素的父元素确定了高度，如120px之类的，那么这个元素的height：100%;才会有意义。要不然你可以试试用js获取现在网页的高度这种方法？手机端的不能令父元素fill-parent吗？之后子元素自拟宽度？不知道可不可行。
要想页面全屏显示？
令html,body {width: 100%, height: 100%;}。这样子<body>里面的<p>只要设置width: 100%,height: 100%;即可使<p>满屏显示。
通过javascript选择<body>下<p>，令其宽度等于window.innerWidth；高度等于window.innerHeight
【注】方法一会有副作用：如果页面有<input>，在移动端下，点击<input>输入时，软键盘可能覆盖<input>，无法使<input>自动往软键盘上方滚动