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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的HTML相关文章