我需要使这张图像尽可能地伸展到最大的大小,而不会溢出它的<div>
或者扭曲图像。
我无法预测图像的纵横比,因此无法知道是否使用:
<img src="url" style="width: 100%;">
或
<img src="url" style="height: 100%;">
我不能同时使用(即样式=“宽度:100%;高度:100%;”),因为这将扩展图像以适应<div>
.
<div>
具有按屏幕百分比设置的大小,这也是不可预测的。
发布于 2018-03-23 10:00:43
这不是一个完美的解决方案,但这个CSS可能会有所帮助。缩放是这段代码工作的原因,理论上这个因素应该是无限的,才能理想地用于小图像,但在大多数情况下,2、4或8工作得很好。
#myImage {
zoom: 2; //increase if you have very small images
display: block;
margin: auto;
height: auto;
max-height: 100%;
width: auto;
max-width: 100%;
}
https://stackoverflow.com/questions/-100007743
复制相似问题