Question

我已经调整了一些在网站中使用的CSS，并且无法弄清楚为什么页面的某个方面的行为与它的行为方式相同。基本上，当我将窗口水平缩小到一定大小以下时，所有文本都“掉落”。如果用户通过垂直方向的ipad查看我的网站，这将成为一个问题。您可以查看此问题here。我希望这样做，即使窗口变小，我的文本的位置也保持不变。

Answer 1

问题是该区域没有足够的空间将侧面导航和内容放在一行上。当超过某些宽度减少时，使其自动调整页面宽度。 此代码是一个示例，它不太可能正常工作。如果我能更清楚地看到CSS，那么我可以提供确切的代码。

@media all and (max-width:960px) { /* Assuming the #wrapper is 960px across */
    #content {width:560px;} /* As opposed to 720px */
}

修改

内容正好以980px的速度下降，所以你必须在那之后缩小宽度。

@media all and (max-width:980px) {
    #container {width:520px;}
}

Answer 2

div＃content“drop down”因为设置为float:right，这意味着当您调整浏览器大小时，内容div随着页面流的变窄而移动。

尝试将div#wrapper设为white-space:nowrap，将div#nav_left和div#content设为white-space:normal

文本下降与较小的窗口

2 个答案:

修改