有以下两种方法可以让网站适应手机屏幕：

1. 使用响应式设计（Responsive Design）：响应式设计是一种网页设计方法，能够根据不同设备的尺寸、屏幕分辨率和屏幕方向自动调整页面的布局。通过使用CSS的媒体查询（Media Queries），页面可以针对不同的设备宽度设置不同的样式规则，从而实现响应式布局。

比如，在样式表中可以使用以下的代码：

@media (max-width: 768px) {

}

@media (min-width: 769px) and (max-width: 1024px) {

}

@media (min-width: 1025px) {

}

2. 使用流式布局（Fluid Layout）：流式布局是一种网页布局方式，可以随着浏览器窗口大小的改变而自动调整页面的布局。使用流式布局可以让网站在不同的屏幕尺寸下保持一致的布局，同时也可以为不同分辨率的设备提供更好的用户体验。

在样式表中可以使用百分比单位来设置宽度和高度，比如：

div {
width: 100%;
height: auto;
}

此外，还可以使用CSS3的Flexible Box布局（Flexbox）和网格布局（Grid Layout）来快速实现适应手机屏幕的页面布局。