Question

我的css网站的小问题。我正在将我的PS设计转换为html5和css3网站，看起来，我的页面顶部和底部的背景图像太大（1600px）。如果我想保持整个网站的外观，我该怎么办？

Answer 1

你的css如下所示

body, elementID, elementClass{
    margin: 0px;
    width: 100%;
}

无论用户的屏幕分辨率如何，您的页面或div或容器都适合屏幕。

Answer 2

如果你的问题更清楚一点会很好，但是这里有：

如何查看网站很大程度上取决于访问者使用的屏幕分辨率。例如，用户A的分辨率可能为1920 x 1080.这意味着他们可以轻松查看您的所有网站。而另一个用户可能只有1024 x 768，这显然不足以看到所有1600像素！

要解决这个问题在很大程度上取决于您网站的设计，背景是否可以重复（例如渐变），还是像天际线那样有点棘手？

如果它很简单，您可以使用CSS水平，垂直或同时重复背景。

您还可以使用CSS（例如顶部中心）定位背景，这将使背景居中，切断屏幕两侧的边缘，同时保持中间部分的视野。

在CSS3中，您还会获得一个名为＆＃34; background-size＆＃34;它允许您定义背景的反应方式。这可以有几个值，它们是：

封面 - 这可确保整个图像适合其容器（以便整个图像可见）。
包含 - 这会使图像适合整个容器，因此部分图像可能不可见。
dimensionx dimensiony - 如果指定值/百分比，则第一个值/百分比将是宽度，第二个值是高度。如果只提供一个，则用于宽度，高度设置为自动。

请注意，并非所有浏览器都支持background-size。