文章詳情頁
前端 - @media query 使用出現的問題？
瀏覽：118日期：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. html - 前端大牛都頂一下！CSS鼠標樣式問題，如圖所示2. html5 - canvas中的mousedrag事件，為什么鼠標拖出canvas，然后再次移入canvas，drag事件還觸發3. node.js - 在nodejs環境中如何配置webhook以實現hexo博客的自動更新？4. 網頁爬蟲 - python爬蟲用BeautifulSoup爬取<s>元素并寫入字典，但某些div下沒有這一元素，導致自動寫入下一條，如何解決？5. 百度地圖api - Android百度地圖SDK，MapView上層按鈕可見卻不可觸，怎么解決？6. mysql 獲取時間函數unix_timestamp 問題？7. javascript - es6擴展運算符...的問題8. 新入手layuiadmin，部署到tp中。想用php自已寫一個后臺管理系統。9. javascript - jquery怎么給select option一個點擊時觸發的事件,如圖 如果選擇自定義觸發一個時間？10. css3 - 求教CSS圖標庫的寫法，也就是先做雪碧圖，然后寫一個css表，用的時候直接用class就可以了
排行榜
網公網安備