停止图像以调整大小并隐藏底部滚动条

时间:2017-11-07 09:42:38

标签: html css

如何通过浏览器停止调整图像大小?我希望图片有一定的宽度,所以我使用<img src='src' style='width: certain_widthpx' />。 但是,当您调整浏览器宽度时,会显示底部的滚动条,这是我不想要的。我怎么能阻止它?

3 个答案:

答案 0 :(得分:1)

您需要在问题中提供DOM的简化版本。假设img的父级是body 将此css规则添加到父级。

body{
    overflow-x: hidden;
}

答案 1 :(得分:0)

您应指定图像最小宽度和高度:

<img src="http://via.placeholder.com/800x800" style="min-width: 800px; min-height: 800px;" width="800" height="800" />

答案 2 :(得分:0)

正如您所要求的那样,您希望浏览器不会调整图像大小,浏览器会根据StartDelay调整窗口内容。每当您尝试调整浏览器大小时,view-port都会发生变化,因此为了维护用户的观看体验,内容会调整大小。现在,当您展示view-port时,您在这里尝试为图像赋予固定宽度,这意味着您要限制<img src='src' style='width: certain_widthpx' />将图像保持在此固定宽度,因此{ {1}}小于图像的宽度,会出现水平滚动条。如果您确实希望自己的图片具有固定宽度,那么您应该将其包含在另一个持有者中,并将view-port设为view-ports / overflow-x

scroll