Html 手机上的字体大小

我为一个简单的段落编写了一段流氓代码，由于某些原因，在手机上阅读时不会收缩

字体大小设置为14px，但在手机上，它显示的是大字体，而网站的其余文本则缩小到合适的大小

我错过什么了吗？这是这一页

此外，在手机上，当在手机上查看时，右侧有一个很大的间隙，页脚和页眉不像在桌面上那样从左到右覆盖

这里是有问题的CSS-

#main #mainblack #petetext p {
color:#FFFFFF;
font-size:14px;
margin-left: 60px;
font-family:Verdana, sans-serif;
line-height: 21px;
}

还有HTML

<div id="petetext">
<h1>Why Peter? Why not!</h1>
<p>
Initially attracted here by a passion for mountain biking and skiing, Dave has grown to love       Whistler for so much more – it’s incredible community of positive people who live life to the fullest. This community, coupled with Whistler’s beautiful mountains and natural environment, give this world-class resort an indescribable energy, rivaled by no other. Dave has combined this passion with knowledge, experience and effective communication and negotiating skills to become one of Whistler’s top producing agents. 
</p>
<p class="blue">
....................................................................................................................................
</p>

为什么是彼得？为什么不呢？

起初，戴夫对山地自行车和滑雪的热情吸引了惠斯勒，现在，他对惠斯勒的爱越来越深——惠斯勒是一个令人难以置信的积极的社区，生活得非常充实。这个社区，再加上惠斯勒美丽的山脉和自然环境，给这个世界级的度假胜地带来了无与伦比的活力。戴夫将这种激情与知识、经验、有效的沟通和谈判技巧相结合，成为惠斯勒顶级制作代理商之一。


....................................................................................................................................

---

希望有人能帮忙。像往常一样，我相信这很简单。

正如尼克所说，你不应该需要链ID。如果您想要为id petetex中包含的添加一些样式，那么您只需要在css中添加：#petetex p

body {
    -webkit-text-size-adjust: 100%;
}

您可以在这个jsfiddle文件中检查这一点。它也适用于手机。祝你好运

    #petetext p{
        color:red;
        font-size:16px;
        margin-left: 60px;
        font-family:Verdana, sans-serif;
        line-height: 21px;
    }

---

您不需要像那样链接

id

#main#main black#petetext p

，应该是

#petetext p

@NickR在某些情况下，链接ID可能会有所不同-链接ID更具体，因此可能会有所不同，具体取决于其他CSS-请参阅