Html 如何防止我的网站被水平滚动？

我正在努力使我的网站与不同的设备兼容。在计算机上，只显示内容，用户不能水平滚动。在iPhone的纵向模式中，有一个水平滚动条。我尝试使用overflow-x来防止这种情况，但它无法解决问题。以下是指向的临时链接。该问题在横向模式下不会发生。这就是它在iPhone上的样子：

在我看来，罪犯就在标记中：

<p id="footerP">Mykyta Solonko 2016</p>

这导致该段落呈现在屏幕的最右侧。很难看到b/c在浅色背景上是白色的

---

删除该规则，右侧的空格就会消失。

在我看来，违规者就在标记中：

<p id="footerP">Mykyta Solonko 2016</p>

这导致该段落呈现在屏幕的最右侧。很难看到b/c在浅色背景上是白色的

---

删除该规则，右侧的空格将消失。

除了Jonathan添加的内容外，您还可以将宽度设置为两个div，这将导致水平滚动

<div id="main">
<div id="header">
<div id="pln">

它们分别设置为700px、650px和500px，这意味着如果您使用的是宽度为320px的iPhone 5，用户将不得不水平滚动以查看其余内容，因为您告诉浏览器将所述元素设置为该宽度

将这些设置为百分比值或您知道的小于“标准”小屏幕的值

随着视口大小的变化，您还需要重新调整页面的布局。这是页面最大的问题，不是特定的CSS规则，而是内容的结构

---

尝试以台式机、平板电脑和智能手机为目标绘制页面结构，然后从中设计每个页面。

除了Jonathan添加的内容外，您还可以将宽度设置为两个div，从而导致水平滚动

<div id="main">
<div id="header">
<div id="pln">

它们分别设置为700px、650px和500px，这意味着如果您使用的是宽度为320px的iPhone 5，用户将不得不水平滚动以查看其余内容，因为您告诉浏览器将所述元素设置为该宽度

将这些设置为百分比值或您知道的小于“标准”小屏幕的值

随着视口大小的变化，您还需要重新调整页面的布局。这是页面最大的问题，不是特定的CSS规则，而是内容的结构

---

尝试以台式机、平板电脑和智能手机为目标绘制页面结构，然后从中设计每个页面。

哇，捕捉得好。我可能要花好几年才能注意到。哇，抓得好。我可能要花好几年才能注意到这一点。