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

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

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

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

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

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

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

解决方法

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

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

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