Javascript 如何使滚动网站移动友好？

我已经使它在Internet Explorer、Firefox和Chrome上运行良好。 但是，当我尝试通过手机访问它时，它似乎摆脱了所有影响网站布局的空白

这就是它在浏览器上的外观（我希望它在手机上的外观，或者至少类似于手机上的外观，并留有一定的空白！）：

这是我使用三星Galaxy查看网站时得到的视图（您可以看到它删除了边距）：

以下是我的内容区域（阴影矩形）的css代码：

---

你知道怎么解决吗？我尝试将其更改为px，但这会使问题变得更糟。

问题可能是您的内容固定为800px，因此如果您的手机屏幕约为800px，则两侧将没有任何空间

你应该看看css的媒体查询，手机可能有不同的内容宽度，所以左右两边仍然有空白

范例

@media only screen and (max-width: 767px) {
.content {
width:500px;
margin: 6% auto;
}

}

---

正如上面的回答所提到的，你需要使用@media

Meida查询是一种方式-以下是一些大小

---

这是一个视口问题。您不需要更改CSS。请在此处阅读视口：

---

+1对于手机屏幕截图，也许您应该使用JQuery mobile进行此操作。好的，干杯@Viper我来看看！有一些令人印象深刻的网站是用它建成的。啊，我明白你的意思了！将它从px更改为%的工作？

@media only screen and (max-width: 767px) {
.content {
width:500px;
margin: 6% auto;
}

}