Css iphone上的字体大小

我正在使用zurb的以下电子邮件模板（我选择了基本模板）

其中包括以下媒体查询：

@media only screen and (max-width: 600px) {
    a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
    div[class="column"] { width: auto!important; float:none!important;}
    table.social div[class="column"] {
        width:auto!important;
    }
}

手机上的字体看起来很小，特别是表格单元格中的文字非常小

---

如何覆盖手机上的字体

也许你能做的最好的事情就是浏览文件并将所有字体大小从px更改为em。但是，1em等于12px，因此你必须做一些数学运算才能得到正确的数字。然后，可以将样式添加到

正文{字体大小：120%；}

---

这会将字体大小更改为正常大小的120%。您可以将其更改为您喜欢的任何百分比，它将根据您为每个元素指定的em值更改所有字体。然后，如果你想一次改变所有的字体大小，你只要改变这个百分比…然后你就不会失去你的比例。您也可以通过在body元素中添加字体大小：100%来保持桌面不变。然后，在媒体查询中，您可以将正文字体大小设置为120%左右。

在我的iphone上看起来不错。但如果你真的想要更大的。你能把你尝试过的东西发出去吗？我手动地把TD {字体大小：15px！重要；}里面的查询，但当然它没有工作，因为它的基础，您使用的是Sass还是只有已编译的email.css文件？我只是像他们那样在电子邮件模板中使用css文件。也许您能做的最好的事情是浏览该文件并将所有字体大小从px更改为em。但是，1em等于12px，因此您必须做一些数学运算才能得到正确的数字。然后，您可以在主体{font size:120%；}中添加一个样式，这会将字体大小更改为通常大小的120%。您可以将其更改为您喜欢的任何百分比，它将根据您为每个元素指定的em值更改所有字体。然后，如果你想一次改变所有的字体大小，你只要改变这个百分比…然后你就不会失去你的比例。