Html 移动网站的CSS问题

我正在建设移动网站

如果您在手机浏览器上选中它，它应该适合，这样就不会出现水平滚动。内容只能垂直堆叠。 有人能帮我修复页面的CSS吗。只要让我知道正确的CSS应该是什么，以便自动调整不同的手机

可以找到此页面的CSS。基本上，我想有两个主要部分。正文和内容

此外，我还以手机网站为例。请通过查看该页面的源代码来参考其内联CSS

---

谢谢

好的，看来即使在我的大型firefox浏览器上，你的content div实际上也在突破屏幕的界限。在CSS中，您可以这样声明：

#content{
    width:100%;
    margin: 0;
    padding: 20px;
    background: white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

我已经通过在本地编辑CSS确认，您的填充实际上是在推动100%宽度div的边界，但好消息是，由于它是块级元素，它已经填充了所有可用的空间。试着去掉宽度：100%；看看这对你是否有效。它仍将显示完全相同的内容，但没有这些滚动条

比如说：

#content{
    padding: 20px;
    background: white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

---

顺便说一下，Firefox中的Web开发者工具栏为我解决了这个问题。你应该试试看。