Question

现在我正在使用此代码调整背景图片的大小：

background: url(../website/assets/shadedbackground.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

当浏览器窗口的宽度调整大小时（图像在其侧面被裁剪并略微变小），它看起来很有效，但是当调整高度大小时，整个图像会缩小，这会使一切都变得混乱。我想要做的是使高度永久，但仍然让宽度调整，因为此代码当前。

我希望这是有道理的。我还是很陌生。谢谢！

Answer 1

您是否尝试过在媒体查询中使用断点？

使用封面使图像缩放。这是它的目的。如果浏览器调整大小会改变，那么你必须修改你的代码。

有关更多信息，请参阅： http://css-tricks.com/perfect-full-page-background-image/

如果您在jsfiddle或其他地方发布示例，人们将能够提供更详细的答案。

如何使背景图像按宽度而不是高度调整大小？

1 个答案: