移动端Chrome中text-size-adjust突然失效，同设备此前正常

可能的原因 #

• Chrome后台实验特性变更：你的Chrome可能自动开启了影响text-size-adjust的实验性测试项，这类隐性更新不会在设置界面显示，而你妻子的浏览器未触发该更新。
• 浏览器本地存储异常：Chrome的缓存或站点存储数据出现损坏，导致原本生效的CSS规则被异常覆盖，即便你没有修改代码或设置。
• 账号同步的隐性设置影响：若你的Chrome绑定了账号，云端同步的某些字体相关设置可能间接改变了文本缩放优先级，哪怕你没手动调整过设备或浏览器设置。

适配旧网站的快速修复方案 #

1. 提升CSS规则权重
   给目标属性加上!important强制生效，避免被隐性规则覆盖：

   .text_main {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 20px !important;
       line-height: 24pt;
       color: #000000;
       text-size-adjust: 200% !important;
       -webkit-text-size-adjust: 200% !important;
       -ms-text-size-adjust: 200% !important;
       -moz-text-size-adjust: 200% !important;
   }
   

2. 用viewport缩放辅助适配
   在HTML的<head>标签中调整viewport参数，配合字体大小实现预期效果，适合仅需基本可用的旧网站：

   <meta name="viewport" content="width=device-width, initial-scale=1.2, maximum-scale=1.2, user-scalable=no">
   

   注：user-scalable=no会禁止用户手动缩放，若不需要限制可移除该属性。
3. 清除浏览器本地数据
   在你的Chrome中清除缓存、Cookie及站点数据，重新加载网站，排除存储异常导致的规则失效问题。

内容的提问来源于stack exchange，提问作者Andrew Whatever