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

Posted 2021-03-22 huihuihero

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>