网页适配手机的代码主要有以下几种：

1. 响应式设计代码：使用媒体查询（@media）等技术来针对不同屏幕尺寸和设备类型进行页面布局和样式的调整。

示例代码：

“`css
@media (max-width: 768px) {

}

@media (min-width: 768px) and (max-width: 1200px) {

}

@media (min-width: 1200px) {

}
“`

2. 移动端适配代码：使用viewport 和媒体查询等技术来适配不同设备上的屏幕。

示例代码：

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

3. 弹性布局代码：使用相对单位（如百分比、rem）和弹性布局技术来适应不同设备屏幕的尺寸变化。

示例代码：

“`css
.container {
display: flex;
justify-content: center;
align-items: center;
}

.item {
flex: 1;
}
“`

4. CSS媒体查询代码：使用CSS中的@media规则和媒体类型选择器来设置不同屏幕尺寸下的样式。

示例代码：

“`css
@media screen and (max-width: 768px) {

}

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

}

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

}
“`

以上是一些常见的网页适配手机的代码。根据实际需求和具体情况，您可以选择其中的一种或组合使用多种方式来适配不同的手机设备。