如果标签中已经定义了高度和宽度,是否可以按比例调整图像大小?
显然,如果我有一个像这样的图像标签:
<img src="whatever.jpg" width="500" height="350">
并像这样使用最大宽度:
img { max-width: 200px; }
我最终会得到一张 200 像素 x 350 像素的图像。
我更喜欢纯 CSS 解决方案(我很确定它不存在),但也可以使用一些 Javascript 和/或 jQuery。
最佳答案
当然,你将另一个维度设置为auto
:
img{
height:auto;
width:200px;
}
关于jquery - 如果已经在 HTML 中设置了宽度和高度,您能否使用 CSS(或 JS/JQ)按比例调整图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9884359/