本来看着微信头部导航栏那 大黑边, 拿着设配app的方式 适配了半天也没成功, 回过神才发现 那是微信提供的头部导航栏啊, 不需要去适配的.
转而发现,底部的tabar 被iPhone X 的那条线覆盖了. 然后了简单的做了下适配tab 的css样式.现在分享出来:
没适配前:
WechatIMG29.jpeg
适配后:
WechatIMG28.jpeg
这里只是简单的处理了下css.
开始还百度着如何获取这是Iphone x 的设备呢?
然后把学的css3的一些特性全忘了. 还是同事提醒了下iphone x那个性的屏幕我才想到.
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.tabs-ios .tabbar{
padding-bottom: 20px;
}
}
对没错,我只是在css中 给tabbar 加了个padding值, 只在iphone x上生效.
本来看着微信头部导航栏那 大黑边, 拿着设配app的方式 适配了半天也没成功, 回过神才发现 那是微信提供的头...
iPhone X来好久了，最近微信小程序，遇到需要适配iPhone X，遂到网上查资料，查到两篇介绍https:/...
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 总结 方法一 js直接调用wx.getSystemInfoSync 方法二 ap...
iPhone X的简单适配 适配iOS11&iPhoneX的一些坑 iOS应用适配iPhone X iPhone ...
基于友盟集成QQ，微信 ，微博 分享和登录功能，支付宝和微信支付功能。不包含IDFA，已经适配iPhone X，兼...
你真的适配了iPhone X吗？ 你真的适配了iPhone X吗？
本文标题：ionic3 嵌套微信,适配iphone x
本文链接：https://www.haomeiwen.com/subject/kwttoxtx.html
网友评论