css - 为什么在手机上自动缩放时我的 CSS 会丢失？

Question

我正在创建我的第一个移动优先设计。我从登录页面开始。媒体查询正在发挥作用。但是，当输入获得焦点并在手机上启动自动缩放时，所有样式都会丢失。

这两天，断断续续地，我在网上搜索了我认为很容易找到的东西。“为什么 CSS 在自动缩放时会丢失？” 但是，什么都没有。（也许其他人从未遇到过这个问题？）。我尝试过使用不同的断点，认为这可能是问题所在。但是，什么都没有。它已经成为一个很大的挫折源，因为在我解决这个问题之前我无法继续前进。

有人可以教育我吗？

标签： css

Answer 1

组合媒体查询时，重要的是用逗号分隔它们，如下所示。

@media only screen and (max-width: 600px), and (orientation: portrait) {...

否则，当自动缩放启动时，您的 css 将丢失。