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

wdzsjl 4周前 (10-24) 阅读数 30 #工具收纳箱

微信内置的样式会导致页面在微信中打开时字体突然变大,这通常是由于微信的自动调整字体大小功能引起的。通过在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>

 

wx.jpg ywfw.jpg
热门