困扰了我很久的问题，搜了一下总算解决了

灌水王

原来手机下排版错位，只需要CSS判断一下

1. /* 默认样式 */body {  background-color: blue;} /* 当屏幕宽度小于或等于768像素时 */@media screen and (max-width: 768px) {  body {    background-color: red;  }}

复制代码

灌水王

1. meta name="viewport" content="width=device-width, initial-scale=1.0"

复制代码

加这个试试

灌水王

我也被这个问题困扰很久，我有一个博客也是在手机端排版错位

灌水王

media媒体查询:lol

灌水王

:lol 究其根本原因，还是对基础知识掌握不牢靠。

灌水王

这个啥意思  看不懂

灌水王

可以了解一下响应式布局 媒体查询尽量少用 用多容易变屎山

灌水王

这个试了一下 没明白怎么用。