首先要使用响应式布局技术，即使用 CSS 的 @media 规则来设置不同屏幕大小的样式。其中，媒体查询可以使用 max-width 和 min-width 属性来针对不同尺寸的设备设置不同的样式。

其次，针对移动端的视口要进行设置。需要在 head 标签中设置 meta 标签：

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

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

最后，要注意使用相对单位，如 em、rem 或百分比。这样可以根据视口的大小来自动调整字体、图像和布局等元素的大小。使用固定像素值会导致网页的布局在不同设备上显示不一致。