HTML语言中，img标签是用来插入图片的标签。在网页开发中，我们经常需要对图片进行设置，以使其在不同设备上显示效果更加优美。接下来，我们就来介绍一下如何设置图片在手机上的显示效果。

/*将图片宽度设置为100%自适应*/
img {
max-width: 100%;
height: auto;
}

如上代码所示，我们需要将图片的宽度设置为100%自适应。这样当图片在手机上显示时，会根据屏幕宽度进行缩放。同时，将高度设置为auto不会使图片变形。

/*禁止图片拖动*/
img {
-webkit-user-drag: none;
-webkit-touch-callout:none;
}

我们也可以禁止图片在手机上被拖动，以避免用户误操作。需要注意的是，上述代码只对iOS设备有效。

/*图片懒加载*/
<img src="data:image/png;base64,R0lGODlhAQABAIA..."/>

最后，我们来介绍一下图片懒加载。这个技术可以在用户滑动到图片位置时才进行图片的加载，以避免在页面加载时就加载所有图片导致页面加载速度变慢。如上述代码所示，我们可以将图片的src属性设置为一段base64编码。等到用户滑动到图片位置时，再通过JavaScript将这个编码替换成真正的图片链接，从而实现懒加载效果。