css - slider 响应

Question

我的网络主题有一个内置的非全宽 slider 。我做了一些研究，为了让它全宽，我添加了一个 1400 像素宽的图像并将容器 css 设置为:

width: 100%;
padding-right: 0px;
padding-left: 0px;

然而，它并没有像我希望的那样缩放到更小的屏幕尺寸。我做了一些研究，但找不到任何有效或特定的东西。你认为我如何解决这个问题并让它在所有屏幕上看起来都一样。

Answer 1

代替 width 设置 max-width

body {
  margin: 0
}
div {
  max-width: 1400px;
  margin: auto;
}
img {
  max-width: 100%
}

<div>
  <img src="//placehold.it/1400x900" />
</div>