微信开发或者手机网页在微信打开后会跳一下文字变大的解决办法

更新日期：2024-10-27 15:29:22 来源：网络

微信内置的样式会导致页面在微信中打开时字体突然变大，这通常是由于微信的自动调整字体大小功能引起的。通过在CSS中添加特定的样式可以有效解决这个问题。以下是具体的解决方案：

解决方案

1. 全局解决方案

在全局范围内防止微信自动调整字体大小，可以在<head>标签内添加以下CSS样式：

<style>
body {
    -webkit-text-size-adjust: 100% !important;
}
</style>

2. 局部解决方案

如果你发现只有某些特定的div元素在微信中打开时字体变大，可以在这些div元素中添加以下CSS样式：

<style>
/* 全局防止字体变大 */
body {
    -webkit-text-size-adjust: 100% !important;
}

/* 局部防止字体变大 */
.special-div {
    display: inline-block !important;
    -webkit-text-size-adjust: 100% !important;
}
</style>

当前位置:首页 > CMS