在
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; }