有时做移动端页面时,有需要用到height:100%来控制的,但是设置完后有时候会发现,用百分比的高是不生效的。
经过在网上查找方案,原来是:要看是否可以使用百分比是根据父级对象定义的。
所以解决方法就是在body和html,加上height:100%;就可以了。下面看代码。
html,body{
height:100%;
}
.height{
height:50%;
}
<div class="height">高度百分比</div>
这样问题就解决了。这点虽然简单但是经常会被忽略,列出来已引自己的重视。