HTML 是一種用于構建網頁的標記語言，能夠控制網頁中的各種元素和布局。為了讓網頁能夠在不同的設備上都能夠呈現出合適的效果，通常需要使用響應式設計的技術，其中一種方式就是通過自動調整網頁的屏幕大小來適應不同的設備。

@media (max-width: 768px) {
/* 當屏幕寬度小于等于 768px 時，應用以下樣式 */
body {
font-size: 16px;
}
}
@media (max-width: 576px) {
/* 當屏幕寬度小于等于 576px 時，應用以下樣式 */
body {
font-size: 14px;
}
}

上面的代碼使用 CSS 中的 @media 查詢，根據不同的屏幕寬度來應用不同的樣式。當屏幕寬度小于等于 768px 時，網頁中所有元素的字體大小會自動變成 16px；當屏幕寬度小于等于 576px 時，字體大小則會變成 14px。

這種方式可以讓網頁在不同的設備上都能夠呈現出符合用戶體驗的效果，尤其是在移動設備上。但是，需要注意的是，自動調整屏幕大小也可能會對網頁中的某些元素造成影響，需要在設計和布局時注意這些問題。