媒体查询最大宽度无法正常运行

Question

大家好日子！我目前正在开发一个网络应用程序，我正在使用媒体查询，旨在支持移动和桌面。

我尝试使用max-width: 414px作为我的第一个断点，用于处理当前iPhone和其他屏幕尺寸较小的手机。然而，即使在重读各种论坛帖子，响应式网页设计教程和网络文档之后，如果没有运气，它也不会像我需要的那样工作。

在这里看到每当我使用max-width时，即使屏幕尺寸为414px或更低（我已经尝试过），它确实无效。样式不适用。

现在，当我使用min-width时，它确实有用，但是，我已经阅读了使用max-width来获得更好功能的更好的RWD练习。

你有什么建议？谢谢！

Answer 1

所以我认为你的问题是你处于缩放模式（如2x或3x）。如果您处于Safari响应模式，请记得继续使用View > Actual Size，确保它没有以任何方式放大，因为这肯定会影响所使用的媒体查询。祝你有个美好的一天！