要实现img原比例html，可以使用CSS的
object-fit属性设置为contain或cover。，，``html，，``
如何在HTML中保持图片原比例
在HTML中，我们通常使用<img>标签来插入图片，为了保持图片的原比例，我们需要设置图片的宽度和高度属性，或者只设置其中一个属性，让浏览器自动计算另一个属性的值。
方法1：设置宽度和高度属性
在<img>标签中，我们可以使用width和height属性来设置图片的宽度和高度。
<img src="example.jpg" width="300" height="200">
这样设置后，图片会按照指定的宽度和高度进行缩放，同时保持原始比例。
方法2：只设置宽度或高度属性
我们也可以只设置图片的宽度或高度属性，让浏览器自动计算另一个属性的值。
<img src="example.jpg" width="300">
这样设置后，图片的宽度会被设置为300像素，而高度会自动按比例进行调整，以保持原始比例。
常见问题与解答
Q1: 如果我只设置了宽度属性，为什么图片的高度没有被调整？
A1: 如果你只设置了宽度属性，但图片的高度没有被调整，可能是因为浏览器已经缓存了图片的原始尺寸信息，你可以尝试清除浏览器缓存，然后重新加载页面查看效果。
Q2: 如果我想让图片自适应容器大小，应该怎么做？
A2: 如果你想让图片自适应容器大小，可以使用CSS来实现，将图片的max-width属性设置为100%，并设置height属性为auto。
<img src="example.jpg" style="max-width: 100%; height: auto;">
这样设置后，图片会根据容器的大小自动缩放，并保持原始比例。