我在
在 iphone 7/8/9 Plus 的 Firefox 回應式設計模式中也沒有：
但是，如果我將 Firefox 視窗放大一倍：
它突然起作用了！
另外 - 如果我將回應式瀏覽器視窗設定為與 iphone 6/7/8 完全相同的大小 - 那么它就可以正常作業。這表明它不是大小 - 它與 iphone 用戶代理字串有關？也許？
這是怎么回事，我該如何解決？
uj5u.com熱心網友回復：
您需要在頭部添加一個元標記，以便瀏覽器正確處理視口縮放：
<meta content="width=device-width, initial-scale=1" name="viewport">
如果沒有元標記，頁面會以更高的螢屏寬度呈現，然后縮小以適應設備寬度。因此媒體查詢永遠不會被觸發。
可以在此處找到有關這方面的更多資訊。
uj5u.com熱心網友回復：
添加
<meta name="viewport" content="width=device-width, initial-scale=1">
在<head>網站的標簽中，最好設定標準max-width:768px而不是600px為media-query
uj5u.com熱心網友回復：
這里有一些建議可以解決您的問題。
首先，您需要在站點頭部添加元標記。
<meta name="viewport" content="width=device-width, initial-scale=1">
其次設定適當的設備寬度（768px 是理想的）--您可以在此處查看設備尺寸的推薦媒體查詢
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/314677.html