Question

这是CSS脚本。

attachRoutePatternMatched

所以，这是情况code example。

调整右下方的宽度，直到您看到图片的底部正好位于页面底部。
现在，减小宽度，直到您发现图像的底部比页面底部短。

我想要的是图像一旦高度到达页面底部就停止调整大小，这样当它变小时会出现滚动条。

我认为最大宽度可能是这个问题的答案。

Answer 1

如果我理解你想要的话：

图像的父级宽度为50％（因此当窗口缩小时图像也会缩小）。
停止缩小高度作为任意时刻。
执行此操作时保持图像比例。

在这种情况下，我担心你不能这样做，因为只是不可能减小图像的宽度并保持比例而不降低高度。你必须决定你的图像总是50％大小或者你想要的高度是否更好（我认为扭曲图像不是一种选择）。

但是如果你只想让图像保持比例尽可能高，只需遵循评论的建议并修正图像高度，使宽度保持自动。

JSFiddle

＆＃13;

<body>

＆＃13;

body {
  margin: 0;
  padding: 5px;
}

#image-container {
  margin: 0;
  padding: 0;
  height: calc(100vh - 10px); /* change as needed based on your margin/padding */
}
#image {
  height: 100%;
}

＆＃13;

如何在某个浏览器高度/宽度处停止调整图像大小

1 个答案: