body {
background-color:#fbf9fe;
height:100%;
width:100%;
}
#app {
height:100%;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
}
.router-view {
padding-bottom:constant(safe-area-inset-bottom);
padding-bottom:env(safe-area-inset-bottom);
}
H5 部分
对于非固定元素，#app开启滚动，.router-view的内容底部加padding,滚动到底部时就可以留一段空间，不会被小黑条挡住。
对于固定元素，只要相应设定边距就可以，比如：
padding-bottom:constant(safe-area-inset-bottom);
padding-bottom:env(safe-area-inset-bottom);
iOS客户端
webView要把bounces设为NO，防止在拖动页面时，由于scrolllView的弹性，出现页面露底。
body { background-color:#fbf9fe; height:100%; width:100...
iPhone X的简单适配 iPhone X的简单适配
适配iPhone x 底栏高度（83:49） 适配iPhone x 状态栏高度（44:20） 适配iPhone x...
iPhone X 适配 ( iOS 11适配 ) 打理刘海 iPhone X 适配 ( iOS 11适配 ) 打理刘海
贝聊 iPhone X 适配实战 贝聊 iPhone X 适配实战
iPhone X的简单适配 适配iOS11&iPhoneX的一些坑 iOS应用适配iPhone X iPhone ...
你真的适配了iPhone X吗？ 你真的适配了iPhone X吗？
1.iPhone X UITabBarController UITabBar 适配解读 2.iPhone X 启动图适配
iPhone X 适配 由于iPhone X的特殊造型，为了方便开发者对iPhone X进行适配，苹果在iOS 1...
页面刷新的时候，会停止动画。 iPhone X 适配 iPhone X 适配 ViewController 子Vi...
本文标题：2018-05-02 SPA IPhone X适配笔记
本文链接：https://www.haomeiwen.com/subject/mgbcrftx.html
网友评论