Question

对于我的网站，我有一个图像，它覆盖了页面的整个宽度，并动态调整大小以适应浏览器大小。然而，不是图像完全缩放，我希望图像裁剪到某一点，然后调整大小。就像在“自由职业者”网站上一样（如果你的浏览器更小）。我希望尽可能使用CSS来实现这一点。

Answer 1

我不确定您要实施的裁剪操作。但是，这是使用两个包装器的基本解决方案：

2个包装器是必需的，因为你不能使div 100％和min-width：1000px。您可以使用css选择器删除标签汤。但这是最简单的解决方案。

VYI - jsfiddle很难测试，因为你真的需要在一个完整的html页面上测试它。

<body>
  <div class="wrapper">
    <!-- Background will show up here -->
  </div>
</body>

CSS：

body {
 width: 100%;
}
body .wrapper {
 min-width: 1000px;
 height: 80px;
 background: red; /* Use a background image to test it out fully */
}