如何img原比例html

在HTML中，我们可以使用<img>标签来插入图片，如果我们想要保持图片的原比例，可以使用以下几种方法：

（图片来源网络，侵删）

1、直接设置图片的宽度和高度：这种方式下，浏览器会根据图片的原始尺寸和设置的宽度、高度来调整图片的比例，如果设置了宽度和高度，但是宽度和高度的比例与图片的原始比例不一致，那么图片可能会被拉伸或者压缩。

2、使用CSS的maxwidth属性：这种方式下，无论图片的原始尺寸如何，图片的最大宽度都会被限制为指定的值，如果图片的原始宽度大于这个值，那么图片的高度会被相应地压缩以保持原始的长宽比。

3、使用CSS的height: auto;属性：这种方式下，无论图片的原始尺寸如何，图片的高度都会根据其宽度自动调整，以保持图片的长宽比。

以下是一些示例代码：

1、直接设置图片的宽度和高度：

<img src="your_image.jpg" width="500" height="600">

2、使用CSS的maxwidth属性：

<img src="your_image.jpg" style="maxwidth: 100%;">

3、使用CSS的height: auto;属性：

<img src="your_image.jpg" style="height: auto;">

注意：以上代码中的your_image.jpg需要替换为你的图片路径。