我正在开发一个页面，用户可以在其中上传一些图片到我的网站。
用户可以上传的图像应该有一个特定的尺寸：800 x 600 像素。
当用户上传不同的尺寸时，例如：900 x 500。这个图像应该重新缩放（不成比例）到 800 x 600。
现在我需要页面响应。这意味着当整个页面调整大小时，这次应该按比例调整图像区域。
例如，如果页面是原始大小的 50%，则图像区域应为 400 x 300；
我有以下 html
<div class="ImageRegion">
<img class="Image" src="whatever"/>
</div>
这可以仅使用 CSS 来实现还是我应该使用 Javascript？
干杯，
如果我理解正确，您可能可以通过以下方式实现您想要的：
<img src="yourimage.png" class="whatever" />
在 CSS 中：
img.whatever {
display: inline-block;
max-width: 800px;
width: 100%
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句