Apenas quando ajustei a sintaxe CSS,Eu não sei porque,Depois que a resolução é simulada como a resolução do telefone móvel,A versão não mostra o efeito que RWD deveria ter,No começo eu pensei que a sintaxe da tela @media não tinha efeito,Após testes repetidos,Verificou-se que a gramática da largura não seguia a mudança da proporção de resolução (Já definido para automático ou usar largura máxima)。Mais tarde, tentei fechar o modo "Desenvolvedor da Web"”Simulação de toque”Recursos,Vai ser normal,Eu não sei por que isso afeta dessa forma。
Firefox
Ativar simulação de toque
![](https://it-help.tips/wp/wp-content/uploads/2021/01/20210120a1.png)
Desligue a simulação de toque
![](https://it-help.tips/wp/wp-content/uploads/2021/01/20210120a2.png)
Beira (Crómio) Método de ajuste
1. ponto"…"
2. Selecione "Adicionar tipo de dispositivo"
![](https://it-help.tips/wp/wp-content/uploads/2021/01/20210120a3.png)
1. Seleção de tipo de dispositivo "Responsivo"
2. Em "tipo de dispositivo" de “Móvel” 改成 “Área de Trabalho” para。
![](https://it-help.tips/wp/wp-content/uploads/2021/01/20210120a4.png)
《2024/02/23 更新》
後來找出原因,網站在 HTML Head 有定義 viewport 的 meta tag,如下:
<meta name="viewport" content="width=device-width" />
但沒有定義 initial-scale 比例,因此補上就可以了。
<meta name="viewport" content="width=device-width, initial-scale=1" />
Referência [link]
- No Google Chrome, onde está a capacidade de desativar a emulação do sensor de toque? – Quora
- Responsive Web Design 基礎 : Cenário | by Amdis Liu | Frochu | Medium