HTML自適應手機代碼是適用于移動設備的可伸縮的網頁設計方法，它可以使網站在不同尺寸的移動設備上有良好的顯示效果。下面是一些HTML自適應手機代碼的示例：

/*自適應布局*/
@media screen and (max-width: 600px) {
body {
font-size: 18px;
}
}
/*響應式圖片*/
img {
max-width: 100%;
height: auto;
}
/*彈性盒模型*/
.container {
display: flex;
flex-wrap: wrap;
}
/*移動導航菜單*/
.nav-menu {
display: none;
}
.icon-menu {
display: block;
}
@media screen and (max-width: 600px) {
.nav-menu {
display: block;
}
.icon-menu {
display: none;
}
}

上述代碼中，@media規則是CSS3中的特性，它可以在不同的屏幕分辨率、設備尺寸和顯示設備上應用不同的CSS規則。響應式圖片可以在不同大小的屏幕上調整大小，確保在移動設備上有良好的顯示效果。彈性盒模型可以使內容排列更加靈活，在各種尺寸的設備上都能有更好的布局。移動導航菜單可以使頁面在小屏幕上不至于過于擁擠，同時使用戶的操作體驗更好。