相关疑难解决方法(0)

CSS强制图像调整大小并保持纵横比

我正在使用图像,我遇到了纵横比问题.

<img src="big_image.jpg" width="900" height="600" alt="" />
Run Code Online (Sandbox Code Playgroud)

正如你所看到的,heightwidth已经指定.我为图片添加了CSS规则:

img {
  max-width:500px;
}
Run Code Online (Sandbox Code Playgroud)

但是big_image.jpg,我收到width=500height=600.我如何设置图像以重新调整大小,同时保持其纵横比.

css image aspect-ratio

502
推荐指数
17
解决办法
86万
查看次数

标签 统计

aspect-ratio ×1

css ×1

image ×1