html中常常遇到body和html的最小高度不能够100%,这个该怎么解决?
html中常常遇到body和html的最小高度不能够100%,用css设置了最小高度min-height:100%,还是不起作用,我就每次都是用js来控制,尤其在手机端的网页,设置背景颜色的时候大多都需要设置最小高度为100%。求助大家的好建议
kuki88
9 years, 4 months ago
Answers
要想页面全屏显示?
-
令html,body {width: 100%, height: 100%;}。这样子<body>里面的<div>只要设置width: 100%,height: 100%;即可使<div>满屏显示。
-
通过javascript选择<body>下<div>,令其宽度等于window.innerWidth;高度等于window.innerHeight
【注】方法一会有副作用:如果页面有<input>,在移动端下,点击<input>输入时,软键盘可能覆盖<input>,无法使<input>自动往软键盘上方滚动
平和島臨也
answered 9 years, 4 months ago
用定位
position:absolute;
top:0;
left:0;
bottom:0;
right:0
天云残D月
answered 9 years, 4 months ago