我正在调整一个网页，使其在智能手机上看起来更好。我在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”甚至不能使字体变得像页面的其余部分中的“小号”字体那么大。我在Android上使用Chrome查看该页面。
此外，当我在以下模拟器中查看此页面时，整个页面上的所有字体都太小了-太小而无法阅读。
首先，为什么页面底部的商标字体显示比页面其他部分中的字体要小得多（在Android的Chrome浏览器中）？
第二，为什么iPhone模拟器中的所有字体都显示得如此之小？
我试图做的就是在所有智能手机上以可读的大小显示所有字体。
更新：
当我明确指定字体大小时，出现了同样的问题。例如，如果我为主要字体指定了13px，我必须为商标指定约30px的字体大小，才能以类似的大小显示。
如果使用“em”也是同样的情况。
更新：
我刚在我的三星Galaxy S2上测试了默认（我想）浏览器，那也显示出微小的字体，太小了以至于无法阅读。顺便说一下，在默认的Android浏览器中，我可以双击它，然后它会放大到一个很好的大小。
我尝试了这个，但好像没有什么改变：
body {
-webkit-text-size-adjust: none;
}