关于H5移动端开发 iPhone X适配
2018-01-14 10:59
369 查看
一、 媒体查询、
@media screen and (device-width:375px) and (device-height:812px){ #header { height: 88px; padding-top: 44px !important; } .mui-content { padding-top: 88px !important; } }
二、iOS11 新增特性,苹果公司为了适配 iPhoneX 对现有 viewport meta 标签的一个扩展,用于设置网页在可视窗口的布局方式,
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
三、测试中发现如果页面内容不够多的时候。底部会有白色的间距,测试为44px,这需要设置页面的高度加44,应该是ios11的bug。
$(".mui-content").css("height",(window.innerHeight+44)+"px");
相关文章推荐
- 关于移动端h5页面不能滑动问题的解决办法
- 关于Iphone开发的内存管理
- iPhone开发关于UDID和UUID的一些理解
- iPhone开发关于UDID和UUID的一些理解
- 关于Finereport移动端报表二次开发的两个小例子
- iPhone开发应用中关于UITableView详细教程
- 浅谈iphone开发中关于第三方对象执行回调的方法
- 常见的移动端H5页面开发遇到的坑和解决办法
- 关于iPhone开发中的绘图
- 关于Iphone开发得一些案例及常用知识(转过来的参考用)
- 【游戏开发备注之一】关于Cocos2dx_v1.x版本iphone与Android运行出现图片白块、添加GameCenter报错问题及编译Android闪退的解决办法&&CCLOG与CClog的区别
- [iphone开发]关于程序里面“Review in AppStore”的问题
- iPhone开发关于UDID和UUID的一些理解 得到设备唯一标志
- 关于PHP微信h5棋牌程序开发数据库的备份
- 关于Iphone开发得一些案例及常用知识
- 浅谈iphone开发中关于第三方对象执行回调的方法
- H5移动端开发Webview模式选项卡下实现滑屏切换与点击tap切换
- 移动端开发,IOS、iPhone,表单input元素获取焦点时页面被放大的解决办法。
- 为什么说h5非常适合(促进)移动端的开发?
- 关于个人学习iPhone开发的个人感悟