html – 如何防止移动设备缩放字体大小

前端之家收集整理的这篇文章主要介绍了html – 如何防止移动设备缩放字体大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
our website,我们有以下现象:当在桌面浏览器(Firefox,IE,Chrome)上渲染网站时,所有字体,特别是那些嵌入在< td>中的字体.标签,以相同的大小呈现.

然而,当在移动设备上呈现网站时,< td>内的文本的字体大小.标签收缩.见下文.我们试着设定

  1. html {
  2. -webkit-text-size-adjust: none;
  3. }

但这只会对手机游戏和Opera浏览器的问题有所帮助.使用this website提示,我们补充说

  1. @media (max-width: 960px) {
  2. td {
  3. font-size: 20pt;
  4. }
  5. }

到了css,但现在奇迹般地只适用于我们的一部手持侧面倾斜,而不是纵向.
我们如何防止表格单元格中的字体大小缩小?

解决方法

也许如果你也像这样添加body到css:
  1. html,body { -webkit-text-size-adjust:none; }

资源:iPhone/iPod – prevent font-size-changing

猜你在找的HTML相关文章