隨著移動(dòng)互聯(lián)網(wǎng)的普及以及不同設(shè)備上訪問(wèn)網(wǎng)頁(yè)的需求，HTML電腦手機(jī)轉(zhuǎn)換代碼也越來(lái)越受到關(guān)注。

@media screen and (min-width: 768px) {
/* 在電腦上顯示的樣式 */
body {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
/* 在手機(jī)上顯示的樣式 */
body {
font-size: 14px;
}
}

上述代碼中的@media表示媒體查詢，screen表示屏幕類型，min-width表示屏幕寬度大于或等于768px，max-width表示屏幕寬度小于767px。

在電腦上，字體大小設(shè)置為16px，在手機(jī)上則設(shè)置為14px。

此外，還有一些針對(duì)不同設(shè)備的HTML代碼轉(zhuǎn)換技巧，如使用meta標(biāo)簽來(lái)設(shè)置頁(yè)面的寬度、縮放比例等。

上述代碼中，name屬性設(shè)置為viewport，content屬性中的width=device-width表示頁(yè)面寬度等于設(shè)備寬度，initial-scale=1.0表示初始縮放比例為1。

這樣設(shè)置后，頁(yè)面將自動(dòng)適應(yīng)不同設(shè)備的屏幕大小，提高用戶的瀏覽體驗(yàn)。