苹果手机ios端,页面向上溢出屏幕,导致顶部导航栏未显示
苹果手机ios端,页面向上溢出屏幕,导致顶部导航栏未显示
·
给页面最外层的div加上class属性
<div :class="{ box: true, ios: isIos == true }">
//页面所有结构代码
</div>
判断是否为苹果手机,是的话把isIos赋值为真
created() {
var agent = navigator.userAgent;
if (/iphone|ipad|ipod/i.test(agent)) {
console.log("是苹果手机");
this.isIos = true;
}
},
data(){
isIos: false
}
ios的样式代码
<style lang="scss" scoped>
.ios {
padding-top: 44px !important;
}
</style>
更多推荐
已为社区贡献13条内容
所有评论(0)