我正在使用这种"纯HTML + CSS"解决方案来灵活布局，当我在桌面浏览器上更改窗口大小时，它可以正常工作，但是当在移动设备中查看同一页面时，特别是Android的Chrome，浏览器会执行"缩小"而不是使用CSS@media screen and (max-width: 360px)指令。
如何对Chrome说使用该指令而不是缩小？我需要使用一种视口？视口不会破坏桌面布局吗？
确保文档中有<meta name="viewport" content="width=device-width, initial-scale=1.0"><head>。
请参阅教程或规范，了解为什么需要这样做的更多信息：
-
developer.mozilla.org 的"视口基础知识">
-
CSS Responsive Web Design (RWD)/viewport at W3Schools
-
https://www.quirksmode.org/mobile/viewports2.html
-
W3C 官方规范草案。
如今，"实时参考"仍然是苹果的规范。
PS：关于javascript访问视口的问题/答案