1. 使用响应式设计：通过设置不同的屏幕尺寸下的CSS样式，使网页在不同设备上呈现不同布局和排版。

2. 使用媒体查询：在CSS中使用@media查询媒体类型和宽度，根据不同设备的尺寸设置不同的样式。

3. 使用Viewport元标签：使用Viewport元标签设置网页在移动设备上的显示宽度，例如：

“`html
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
“`

其中width=device-width表示网页宽度等于设备宽度，initial-scale=1.0表示初始缩放比例为1.0。

4. 使用流式布局：通过使用相对单位（如百分比）设置网页布局和元素大小，使其随屏幕尺寸变化而自适应调整。