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

Question

在我们的网站上,我们有以下现象:当在桌面浏览器(Firefox,IE,Chrome)上呈现网站时,所有字体,特别是嵌入在<td>标签中的字体,都以相同的大小呈现.

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

html { 
    -webkit-text-size-adjust: none; 
}

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

@media (max-width: 960px) {
   td {
        font-size: 20pt;
   }
}

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

Answer 1

您很可能正在寻找这个：

<meta>在文档部分包含以下标签<head>：

<meta name="viewport" content="width=device-width, initial-scale=1">

它帮助我解决了同样的问题。

Answer 2

Olli和JStephen所说的，但我还必须补充 text-size-adjust: none;

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

Answer 3

也许如果你也像这样将 body 添加到 css 中：

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