A-A+

设置html body的高度为百分比时,margin-bottom在safari里失效?

2016年04月25日 未分类 暂无评论

页面的关键结构大概是如上这样子的,然后在safari或者是ios webview里,margin-bottom无效。chrome, ff 都是正常的。stackoverflow上搜到相关的信息是这样:
http://stackoverflow.com/ques...
按照回答所说去掉height: 100%,果然正常了。但是我这边不能去掉这个100% 因为内部有flex column,然后由于要兼容到android4.0又不能用vh(flexbox 可以用旧语法所以没关系)。
想问下为什么按百分比设置高度就会在safari里无法使用margin-bottom呢?
 
解决办法:
通过样式的修改有点复杂,我的处理办法是,直接在body里,再加多一个div,并设置高度,用来代替margin.

标签:

给我留言

Copyright © 前端面试题 保留所有权利.   Theme  Ality 桂ICP备17012235号-1

用户登录