有時做移動端頁面時,有需要用到height:100%來控制的,但是設置完后有時候會發(fā)現(xiàn),用百分比的高是不生效的。
經(jīng)過在網(wǎng)上查找方案,原來是:要看是否可以使用百分比是根據(jù)父級對象定義的。
所以解決方法就是在body和html,加上height:100%;就可以了。下面看代碼。
html,body{
height:100%;
}
.height{
height:50%;
}
<div class="height">高度百分比</div>
這樣問題就解決了。這點雖然簡單但是經(jīng)常會被忽略,列出來已引自己的重視。