iphone x 高度:100%; 兼容设置

问题:

  iphone x 会遇到页面设置 height:100%;之后但是底部还有一定的高度没有覆盖

解决方法:

  1.让客户端设置webview的高度为100%;

  2.html代码里面添加 viewport-fit=cover ,这个ios11的新属性可以使得页面内容完全覆盖整个窗口

相关代码:

<meta name="viewport" content="width=device-width, viewport-fit=cover">

 

posted @ 2019-01-22 13:54  蓝空魔星  阅读(627)  评论(0编辑  收藏  举报