极客观点
项目管理
HarmonyOS
<html>
<body>
<div id="app">
...html, body {
height: 100%;
}
#app {
margin-top: 50px;
margin-bottom: 50px;
}页面的关键结构大概是如上这样子的，然后在safari或者是ios webview里，margin-bottom无效。chrome， ff 都是正常的。stackoverflow上搜到相关的信息是这样：
http://stackoverflow.com/ques...
按照回答所说去掉height: 100%，果然正常了。但是我这边不能去掉这个100% 因为内部有flex column，然后由于要兼容到android4.0又不能用vh（flexbox 可以用旧语法所以没关系）。
想问下为什么按百分比设置高度就会在safari里无法使用margin-bottom呢？
用padding-bottom
app {
}
完美解决问题！