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

发布时间：2020-12-14 19:40:32 所属栏目：资源来源：网络整理

导读：在 our website,我们有以下现象：当在桌面浏览器(Firefox,IE,Chrome)上渲染网站时,所有字体,特别是那些嵌入在 td中的字体.标签,以相同的大小呈现. 然而,当在移动设备上呈现网站时, td内的文本的字体大小.标签收缩.见下文.我们试着设定 html { -webkit-text-s

在 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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!