html页面表格字体,如何在移动设备html页面的表格单元格中设置相同的字体大小...

我在移动设备上进行字体呈现时遇到了问题。 我有一个简单的表格宽度设置固定为800像素，通用尺寸为今天的手机。如何在移动设备html页面的表格单元格中设置相同的字体大小

我的单元格中的文字都使用相同的html css化妆。 第一行中的文本显示ok

但是下一行是一个问题，它被分成两个单元格。 左侧单元格是一张图片，右侧单元格中有一些文字。 我的问题是，大多数移动Web浏览器缩小该单元格中的字体大小。

对我来说，如果该文本只是分散在更多的线条上，但不会发生，它们往往会保留与桌面浏览器视图中相似的线条。

我设置使用PT像素并在CSS文件中像

.DefaultFont

{

font-family: 'Merriweather Sans', Arial,verdena,sans-serif;

font-size: 13pt;

font-style: normal;

color:#4e0203;

font-weight: 400;

}

没有影响使用13pt 13em等方法等没有什么工作的字体大小。

而对于使用span和div和p的html元素并在td元素中尝试它，但是再次没有效果。

PS我不是在寻找缩放页面客户端与设备检测等JavaScript技巧。因为我只是使用PHP来确定其桌面或移动设备(这需要传输更少的代码)。我只需要代码，以便字体不会因为移动Web浏览器而导致更改。

我该如何阻止这些客户端重新调整部分表格的大小？

解决方案 ，在这里工作非常好的是多人组合的最终解决方案。

集表格宽度在％

集的字体大小在VW(其中类似％也具有100指数)，一个较低的值如2左右。

注意vw支持更多的只是字体大小，还有图像。

包括meta标签，它甚至没有在上面后工作，但要在安全的一面，我推荐它。

+0

你能复制http://jsfiddle.net的情况吗？ –

2014-09-09 22:23:08

+0

你有没有尝试设置一个html字体大小，然后使其他元素font-size：1em;？ –

2014-09-10 06:10:47

+0

尝试将基于％的值用于表格单元格。 –

2014-09-11 10:01:41