HTML屏幕百分比代碼可以幫助我們在不同設備上顯示合適大小的頁面，提高用戶體驗。以下是幾個常用的HTML代碼：

/* 設置整個頁面寬度為屏幕的100% */
body {
width: 100%;
}
/* 設置圖片寬度為屏幕寬度的50% */
img {
width: 50%;
}
/* 設置字體大小為屏幕高度的5% */
p {
font-size: 5vh;
}
/* 設置元素寬度為父元素寬度的50% */
div {
width: 50%;
float: left;
}
/* 設置元素高度為屏幕高度的90% */
.section {
height: 90vh;
}

除了vh（視口高度）和vw（視口寬度）以外，還可以使用vmin（視口高度和寬度中較小的那個）和vmax（視口高度和寬度中較大的那個），通過組合不同單位可以實現更精確的頁面布局。