在现代的网页设计中，如何使网页在不同尺寸的设备上显示良好是极为重要的。基于这个原因，我们需要使用一些技术去适应手机屏幕。 其中，最常用的技术之一是 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 媒体查询是一个非常强大的工具，可以让你的网页在各种尺寸的设备上显示良好。如果你正在进行网页设计，这个技术应该会对你产生很大的帮助。