媒體查詢的最大寬度無法正常運行

Question

大家好！ 我目前正在開發一個Web應用程序，並且正在使用媒體查詢，旨在支持移動設備和台式機。

我嘗試使用max-width: 414px作為我的第一個斷點，以在當前iPhone和其他具有較小屏幕尺寸的手機上工作。 但是，即使重新閱讀了各種論壇帖子，響應式Web設計教程和Web文檔，也沒有運氣，但是它並不能按我需要的方式工作。

看到這里，每當我使用max-width ，即使在414px或更小的屏幕尺寸（我已經嘗試過）上，它也實際上不起作用。 樣式將不適用。

現在，當我使用min-width ，它確實可以工作，但是，我讀到最好使用RWD做法來使用max-width以獲得更好的功能。

您有什么建議？ 謝謝！

Answer 1

所以我認為您的問題是您處於縮放模式（例如2倍或3倍）。 如果您處於Safari響應模式，請記住使用“ View > Actual Size ，確保它沒有以任何方式放大，因為這肯定會影響所使用的媒體查詢。 祝你有美好的一天！