媒體查詢最大寬度功能不正常

Question

大家好日子！我目前正在開發一個Web應用程序，並且正在使用媒體查詢，旨在支持移動和桌面。

我試圖使用max-width: 414px作爲我的第一個突破點，在目前的iPhone和其他手機屏幕尺寸較小的工作。但是，即使在重新閱讀各種論壇帖子，響應式網頁設計教程和網絡文檔之後，如果沒有運氣，它也不會按照我需要的方式工作。

看到這裏，每當我用max-width，甚至對414px屏幕尺寸，或更低（我都試過），它真的是行不通的。樣式不適用。

現在，當我會用，min-width，它不工作，但是，我讀過它的更好RWD的做法是使用max-width更好的功能。

你有什麼建議？謝謝！

Answer 1

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