文章詳情頁
前端 - @media query 使用出現的問題？
瀏覽：140日期：2024-06-11 15:09:19
問題描述
不管把瀏覽器縮到多小，瀏覽器只使用@media screen and (max-width: 520px)設置的屬性？
死活不進入@media screen and (max-width: 360px)@media screen and (max-width: 320px)，不知怎么回事？自己寫的media在這https://jsfiddle.net/bxuj0zap/
問題解答
回答1：因為你把520px寫在了最后面，所以無論如何都會滿足這個查詢條件，把數值大的條件放在前面就好了min-width順序相反。
回答2：樓上，你要是把360的放在第一個的話，也是這樣子？？？
相關文章：
1. 致命錯誤: Class ’appfacadeTest’ not found2. html5 - 如何實現帶陰影的不規則容器？3. objective-c - iOS開發支付寶和微信支付完成為什么跳轉到了之前開發的一個app?4. css - 移動端字體設置問題5. python - 管道符和ssh傳文件6. javascript - 循環嵌套多個promise應該如何實現？7. mysql優化 - 關于mysql分區8. 請教各位大佬，瀏覽器點 提交實例為什么沒有反應9. 前端 - IE9 css兼容問題10. javascript - ionic2 input autofocus 電腦成功，iOS手機鍵盤不彈出
排行榜
網公網安備