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