在网页设计中，经常需要在页面中插入图片以美化页面，但是不同的设备有不同的屏幕宽度和分辨率，如何让图片在不同设备上适应屏幕宽度呢？这时候就需要使用html图片设置宽度自适应的方法。

在html中，使用标签来插入图片，需要设置图片的宽度和高度，但如果只设置宽度或高度其中一项，图片会出现拉伸或变形情况。因此，推荐使用宽度自适应的方法，在不同设备上自动调整图片大小。

    <img src="example.jpg" alt="example image" style="max-width: 100%; height: auto;">

上述代码中，使用style属性设置了max-width属性和height属性，max-width属性限制了图片最大宽度为100%（即占据父元素宽度的百分之百），height属性设置自动调整高度。这样就可以在不同设备上，以最佳比例显示图片。

如果要设置最小宽度，可以使用min-width属性。

    <img src="example.jpg" alt="example image" style="min-width: 200px; max-width: 100%; height: auto;">

上述代码中，设置了最小宽度为200px，最大宽度为100%。这意味着如果图片本身小于200px，则宽度会自动扩展至200px，否则按照max-width属性设置的比例进行显示。

需要注意的是，使用宽度自适应的方法可能会导致图片质量下降，因为图片大小被缩放。同时也存在一些特殊情况，例如设计需要在某些设备上显示为固定宽度，这时候就需要根据实际情况进行选择。

总之，html图片设置宽度自适应是一种解决图片适应不同设备的好方法，可以让网页设计更加灵活和美观。