HTML怎么設(shè)置自適應(yīng)屏幕大小？ 首先我們需要明確，為了讓網(wǎng)頁能夠在不同設(shè)備上展現(xiàn)出優(yōu)美的效果，我們需要使用響應(yīng)式網(wǎng)頁設(shè)計（Responsive Web Design，RWD），而RWD的核心技術(shù)就是彈性網(wǎng)格布局（Flexible Grid Layout）和媒體查詢（Media Queries）。 使用彈性網(wǎng)格布局可以讓網(wǎng)頁內(nèi)容根據(jù)屏幕大小自適應(yīng)調(diào)整位置和大小，而媒體查詢可以根據(jù)屏幕大小和設(shè)備類型為網(wǎng)頁設(shè)置不同樣式。 下面是一個使用彈性網(wǎng)格布局和媒體查詢實現(xiàn)自適應(yīng)屏幕大小的HTML代碼樣例：

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sagittis
vitae congue nibh, vel efficitur dolor. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia curae; Duis
quis est id odio malesuada tincidunt vel in lectus. Quisque commodo,
ex diam elementum eros, at malesuada enim metus ac nulla. Donec

在上面的代碼中，我們使用了一個包含5個盒子（即網(wǎng)頁內(nèi)容）的容器，盒子之間使用了彈性布局和一些樣式。在@media中，我們使用了一個較小屏幕的媒體查詢，當(dāng)屏幕寬度小于等于768像素時，盒子的寬度被改為100%。 當(dāng)用戶在移動設(shè)備上瀏覽網(wǎng)頁時，由于屏幕大小的更改，盒子會自動地根據(jù)媒體查詢設(shè)置調(diào)整寬度。 這就是如何使用HTML來實現(xiàn)自適應(yīng)屏幕大小的方法。當(dāng)然，這只是一個簡單的例子，你可以使用更高級的技術(shù)來創(chuàng)建更復(fù)雜的自適應(yīng)網(wǎng)頁。