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

im2828

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

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

复制代码

920

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

复制代码

加这个试试

Telegramr

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

瞄人缝

media媒体查询

10JQKA

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

im2828

920 发表于 2024-5-6 13:45
加这个试试

这个啥意思  看不懂

karson

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

im2828

920 发表于 2024-5-6 13:45
加这个试试

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