ios与安卓微信浏览器背景底色不同的问题

Posted huihuihero

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ios与安卓微信浏览器背景底色不同的问题相关的知识,希望对你有一定的参考价值。

ios微信内置浏览器默认是白色背景底色;而安卓机微信内置浏览器默认是灰色背景底色。底色不同导致h5页面在不同机型的微信浏览器内打开,显示效果不同。如何兼容?

<template>
    <div class="index" id="index">
        。。。
    </div>
</template>

<script>
export default{
    data(){
        return{}
    },
    mounted(){
        document.getElementById('index').style.minHeight=window.innerHeight+'px'   //设置初始最小高度为屏幕高度
    },
}
</script>


<style scoped lang="less">
    .index{
        background-color:#fff;   //无论ios还是安卓,背景色均设置为白色(当然也可以是灰色,统一即可)
    }
</style>

以上是关于ios与安卓微信浏览器背景底色不同的问题的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序保存7种底色之后在哪里设置

QQ和微信在iOS上面与安卓上面有啥不同?各方面

html做的背景图片,可以在安卓手机上成功显示,但是苹果ios系统的却显示不出,请问这要怎么解决呢

js识别安卓和ios及pc端,以及解决微信的屏蔽

js网页判断移动终端浏览器版本信息是安卓还是苹果ios,判断在微信浏览器跳转不同页面,生成二维码

js网页判断移动终端浏览器版本信息是安卓还是苹果ios,判断在微信浏览器跳转不同页面,生成二维码