如何用 CSS 忽略 phone 的字体大小设置？

Question

我有一个主要用于移动设备的网络应用程序。手机上看起来还不错phone，但是在系统设置里把font-size调大后，就很丑了。无论字体大小配置如何，是否有任何 CSS 技巧或技巧或作弊方法让它看起来一样？非常感谢！

Normal Look	After Setting	Horrified look

Answer 1

将以下内容添加到您的 CSS 以避免发生这种情况：

html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
}

Answer 2

您可以尝试将 text-size-adjust: none; css 添加到您的 html 正文标签中，这将防止文本大小增加。更多详情 here.

html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

How to ignore the phone's font size setting with CSS?