滑块响应

Question

我的网页主题内置了一个不是全宽的滑块。我做了一些研究并使其全宽我添加了一个1400px宽的图像并将容器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>