HTML是一種用于編寫網頁的標記語言。在構建網頁時，我們經常會遇到需要讓網頁能夠適應不同屏幕尺寸的情況。下面讓我們來看一下如何使用HTML設置屏幕適應。

在HTML中，我們可以使用視窗寬度（Viewport Width）即viewport的方式來實現屏幕適應。Viewport是瀏覽器中用于顯示文檔的區域，我們可以通過設置viewport的寬度和高度來實現屏幕適應。

<meta name="viewport" content="width=device-width, initial-scale=1">

上面的代碼將viewport的寬度設置為設備的寬度，即根據設備的屏幕自動調整網頁寬度，并設置初始縮放比例為1。

除了使用Viewport來實現屏幕適應，我們也可以使用CSS media query來根據不同屏幕尺寸來設置CSS的樣式。如下所示：

@media screen and (max-width: 768px) {
body {
font-size: 16px;
}
}

以上代碼中，我們針對屏幕寬度最大值為768px的情況下，設置了body元素的字體大小為16px。這樣就能夠根據不同的屏幕尺寸來自動調整網頁的樣式。

通過使用Viewport和CSS media query，我們可以輕松地實現屏幕適應，使網頁能夠在不同的設備上呈現出最佳的體驗。