使用网站自适应手机的代码，可以让网站在手机上呈现更好的体验。以下是一些常用的方法：
1. 使用响应式设计：通过使用CSS的媒体查询，为不同的设备尺寸和屏幕分辨率提供不同的布局和样式。
例如：
“`css
@media only screen and (max-width: 600px) {

}

@media only screen and (min-width: 600px) {

}

@media only screen and (min-width: 768px) {

}
“`

2. 使用流式布局：使用相对单位（如百分比）来设置元素的尺寸，使网页内容能够根据屏幕大小自适应调整。例如：
“`html

“`

3. 使用弹性盒布局（Flexbox）：这是一种现代的布局方式，通过设置容器和子元素的属性，可以实现灵活的自适应布局。
例如：
“`css
.container {
display: flex;
flex-direction: column;
}

.item {
flex: 1;
}
“`

这些方法可以根据你的需要和对于网站的要求进行定制和组合使用。