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將這個編碼替換成真正的圖片鏈接，從而實現懶加載效果。