css苹果手机字号变大,css – 智能手机字体大小不一致

我正在调整一个网页，使其在智能手机上看起来不错。我已经在CSS文件中声明了一个@media部分，所以我可以指定这个页面的字体大小。这是媒体部分：

@media screen and (max-device-width: 640px) {

#TermsOfUse {

padding: 0 2em 0 2em;

margin-left: auto;

margin-right: auto;

color: #777;

font: small sans-serif;

}

#TermsOfUse p {

color: #777;

font-weight: bold;

font: small sans-serif;

padding-top: 1em;

padding-bottom: 1em;

}

#TermsOfUse #trademark_footer p {

font: xx-large sans-serif;

}

}

但是，字体大小显示不一致。我已经告诉它显示字体“小”，但是一个部分继续显示一个更小的字体(id =“trademark_footer”在底部)的字体。使用“xx-large”甚至不会使字体与页面其余部分中的“小”字体一样大。我正在Chrome浏览器中查看该页面。

此外，当我在以下模拟器中查看此页面时，整个页面上的所有字体都很小，太小，无法读取。

首先，为什么页面底部的商标中的字体比页面其他部分(Chrome上的Android版)的字体小得多？

第二，为什么所有的字体在iPhone模拟器中显得如此之小？

所有我想要完成的是在所有智能手机上显示所有字体的清晰尺寸。

更新：

当我明确指定字体大小时，我有同样的问题。如果我指定13px，例如，对于主要字体，我必须在商标上指定大约30px的东西，使其以相似的大小显示。

同样的事情，如果我使用“em”。

更新：

我刚刚在三星Galaxy S2上的默认浏览器(我认为)测试它，并且显示了这个小字体，太小了。顺便说一下，在默认的Adroid浏览器中，我可以双击，并扩展到一个很好的大小。

试过这个，似乎没有什么不同：

body {

-webkit-text-size-adjust: none;

}