要使移动页面自适应手机屏幕宽度，可以采用以下方法：

1.使用响应式Web设计：在设计时，可以使用CSS3媒体查询以及弹性布局技术来针对不同的设备尺寸进行优化。通过选择不同的样式表，可以在不同的设备上呈现不同的布局。

2.使用Viewport标签：Viewport元标签可以告诉浏览器如何缩放页面以适应不同的设备屏幕。例如，可以使用以下Viewport元标签告诉浏览器将页面宽度缩放到设备屏幕宽度：

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

3.使用百分比或rem作为单位：在CSS样式中，可以使用百分比或rem作为长度单位，而不是像素。这样可以使页面元素在不同的设备上具有相同的比例和布局。

4.使用CSS Flexbox：CSS Flexbox是一种弹性布局技术，可以轻松地创建可自适应的布局。它允许容器和项目沿着主轴和交叉轴进行对齐和排列。

综上所述，要使移动页面自适应手机屏幕宽度，需要采用一系列的技术和方法来实现响应式布局、自适应缩放、弹性布局等。