网站自适应手机屏幕需要使用响应式网页设计（Responsive Web Design）技术，其主要原理是根据设备的屏幕尺寸和分辨率进行动态调整布局和样式。
具体来说，需要在网页中使用CSS的媒体查询（Media Query）技术来检测屏幕的尺寸和分辨率，并根据检测结果来动态调整网页元素的大小、位置、布局、字体等样式属性。还可以使用Viewport元标签来设置用户界面的缩放，以适应不同的屏幕尺寸。
另外，还可以使用流式布局（Fluid Layouts）来适应不同的屏幕大小，将网页元素的宽度设置为相对于容器的百分比，而不是固定像素值。
总之，响应式网页设计可以让网站在不同的设备上展现出更好的用户体验，提高网站的可访问性和可用性。