在現代的網頁設計中，如何使網頁在不同尺寸的設備上顯示良好是極為重要的。基于這個原因，我們需要使用一些技術去適應手機屏幕。 其中，最常用的技術之一是 CSS（Cascading Style Sheets）媒體查詢。這個技術允許你定義特定尺寸下的 CSS 樣式。實現這個效果非常簡單，只需要在 CSS 中添加適當的代碼。 假設我們要使每個頁面在小型設備上有良好的顯示效果。我們可以使用以下代碼：

@media (max-width: 480px) {
body {
font-size: 14px;
}
.header {
width: 100%;
}
.main {
width: 100%;
padding: 10px;
}
}

上述代碼定義了三個針對小型設備的樣式。首先，為了讓頁面在小型設備上更易于閱讀，我們將 body 的字體大小設置為 14px。 其次，我們可以讓頭部元素 .header 在小型設備上占據全寬度。最后，我們將主要內容 .main 設置為全寬度，并添加 10px 的內邊距，這樣它們就可以在小型設備上排版良好了。 總之，CSS 媒體查詢是一個非常強大的工具，可以讓你的網頁在各種尺寸的設備上顯示良好。如果你正在進行網頁設計，這個技術應該會對你產生很大的幫助。