我在移动设备上遇到字体渲染问题。 我有一个简单的表格宽度设置固定为800像素，这是当今手机的通用尺寸。
我的单元格中的文本都使用相同的html css构成。 第一行中的文字显示确定
但下一行是一个问题，它被分成两个单元格。 左侧单元格是图片，右侧单元格中有一些文本。 我的问题是大多数移动网络浏览器缩小了该单元格中的字体大小。
对我而言，如果该文本只是分布在更多的行上但是没有发生，那么它们会很好，它们往往会保持与桌面浏览器视图中类似的线条。
我使用pt px设置字体大小并且在css文件中没有效果，如
.DefaultFont
{
font-family: 'Merriweather Sans', Arial,verdena,sans-serif;
font-size: 13pt;
font-style: normal;
color:#4e0203;
font-weight: 400;
}
使用13pt 13em和其他方法等没有任何效果。
对于html元素使用span和div和p并在td元素中尝试它，但再次没有效果。
PS我不是在寻找使用设备检测等扩展页面客户端的javascript技巧。因为我只是使用php来确定它是桌面还是移动设备（需要更少的代码才能传输）。我只需要代码，以便字体不会因移动网络浏览器而改变。
如何阻止这些客户重新调整部分表格？
解 最终解决方案非常好用的是多人在这里的组合。
答案 0 :(得分：5)
您是否尝试过Meta标签，检查它是否有效......
<meta name="viewport" content="width=device-width, initial-scale=1">
这意味着浏览器（可能）会以自己屏幕的宽度呈现页面宽度。因此，如果该屏幕宽度为320px，则浏览器窗口将为320px宽，而不是缩小并显示960px（或默认情况下该设备所做的任何操作，而不是响应式元标记）。
退房，可能会有帮助..
答案 1 :(得分：4)
也许您应该为font-size使用视口大小的排版单位。
当您想要通过视口（元素容器）的宽度或高度调整大小时，可以使用它。或两者兼而有之。可能的值是：
vh - 视口的高度
它的大小与容器的高度成比例。
font-size: 2vh;
vw - 视口的宽度
它的大小与容器的宽度成比例。
font-size: 2vw;
vmin - viewport的最低要求
它的大小按比例缩小到＆＃39; vh＆＃39;和＆＃39; vw＆＃39;。
font-size: 2vmin;
vmax - 视口的最大值
它的大小与...之间的大小成比例。和＆＃39; vw＆＃39;。
font-size: 2vmax;
它肯定能给你你想要的外观。只需找到当前的比例值，无论屏幕的大小如何，它都适合！
答案 2 :(得分：0)
我认为这应该可以解决问题
-webkit-text-size-adjust: none;
答案 3 :(得分：0)
您可以使用window.innerHeight。