現在很多用戶都在使用手機上網，因此，網站的移動適配已經變得尤為重要。HTML5為我們提供了一個新的方案，使我們能夠更好地適配各種移動設備，提高用戶體驗。下面是一些HTML5的手機適屏代碼。

/* 設置viewport標簽 *//* 針對 Retina 顯示屏對字體進行縮放，使得文字不失真 */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2){
html {
-webkit-text-size-adjust:none;
}
}
/* 設置 HTML5 元素的字體大小 */
html {font-size: 62.5%;}
/* 給根元素設置 max-width，保證在寬度超出的情況下，容器不會太寬 */
html, body {max-width: 100%;}
/* 防止移動端輸入框聚焦時，導致頁面被頂起 */
body {position: fixed;}
/* 禁止文本選中 */
body {-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; user-select: none;}

通過設置viewport標簽，我們可以控制網站在不同的移動設備上的寬度和縮放比例。而針對Retina顯示屏的字體縮放，可以讓我們在確保清晰度的基礎上，更好地適配高清顯示屏。同時，設置HTML5元素的字體大小和max-width，可以保證容器大小不會過大。此外，禁止文本選中、body固定定位可以避免一些不必要的頁面問題。

總的來說，HTML5的手機適屏代碼可以幫助我們更好地適配各種移動設備，提高用戶體驗。