/* 设置手机页面宽度 */
@media only screen and (max-width: 425px) {
body {
width: 100%;
}
}
上面是设置手机页面宽度的CSS代码。@media表示媒体查询,只有设备宽度小于等于425像素时才会应用下面的样式。body元素的宽度设为100%时,页面会随着设备的宽度自适应调整。
需要注意的是,如果不设置宽度或将宽度设为固定像素值,可能会导致页面在不同设备上的显示效果不同,甚至出现布局错乱的情况。因此,一定要设置好手机页面的宽度。