html - 如何保持原始图像比例?

标签 html css

如何保持原始图像比例?

如果我有一个“img”元素并且我做​​“style="width: 25px; height: auto;""图像没有自动高度,它被修改了。如何获得自动高度?

最佳答案

img 标记的 widthheight 属性默认执行此操作。

<img width="100" src="https://images.unsplash.com/photo-1562939230-e05e7c80c1d5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=652&q=80" />
<hr />
<img width="25" src="https://images.unsplash.com/photo-1562939230-e05e7c80c1d5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=652&q=80" />

关于html - 如何保持原始图像比例?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57012527/

相关文章:

html - html元素的排列

php - $_POST 和 $_GET 转换报价( ' ) to backslash + quote (\')

html - 下拉菜单中的 z-index 和相对定位有问题吗?

html - margin-left 被重复/相乘

java - JSOUP - 帮助从 <DIV CLASS> 获取 <IMG SRC>

javascript - 如何防止输入中出现波浪号

html - 计算的宽度与指定的宽度有何不同?

html - 在 iOS 上,Safari : How to prevent the underlay page/main page from scrolling but beyond the overlay. Overlay 应该可以滚动

css - 强制转换元素以影响文档流

javascript - Div 向下移动