CSS分辨率低时，背景图像会折叠

Question

当决心爱好者的时候，我的背景图像会崩溃。我尝试宽度100％，但没有工作。这是我的页面和问题的截图。

我应该怎么做才能防止这种情况发生？一种CSS2方式？

Answer 1

将以下类添加到div id =“navigation”＆gt;

#navigation {
  min-width: 1024px;
}

Answer 2

您的意思是在设备宽度变化时堆叠，

使用css @media查询并将diff百分比宽度设置为容器。

您想要使网站响应，更好的方法是使用网格系统 实现这一目标。例如bootstrap3，jquery-mobile等。

默认情况下，他们为您编写了媒体查询。 javascript也可以触发响应 但它比纯css重。

Answer 3

因为您的网站没有响应（严重？这是2014年！）您需要为body提供足够大的最小宽度以容纳您的内容：

body {
    min-width: 1030px;
}