图像占用没有宽度

Question

我需要帮助使我的图片在HTML上没有宽度。我的意思是当你缩小窗口的宽度时，我不希望图像影响水平滑块。我会认为溢出：隐藏;可以工作，但图像的右侧占用HTML文档的空间。

Answer 1

您可以将max-width: 100%添加到img元素。这样做，img永远不会超过父元素宽度的100%。

img {
  max-width: 100%;
}

或者，您也可以使用max-width: 100vw（浏览器宽度宽度为100%）。

img {
  max-width: 100vw;
}

Answer 2

使用宽度：50％;而不是px。使用哪个％值最适合您的图像宽度。这样，图像将自动调整为浏览器窗口大小。