[英]Min-width and Max-width css media queries
<link href="css/mobile-large.css" media="all and (min-width: 481px) and (max-width: 760px)" rel="stylesheet" type="text/css" />
在使用寬度為720px的三星Galaxy Nexus時，該行代碼是否應該這樣才能加載樣式表“mobile-large.css”？ 但它不是這樣的原因是什么，我該如何解決？
我也在使用它：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
可能你必須定義device-width而不是簡單的寬度。 像這樣寫：
<link href="css/mobile-large.css" media="all and (min-device-width: 481px) and (max-device-width: 760px)" rel="stylesheet" type="text/css" />
我想你也可以從查詢字符串中刪除“all and”。
如何在具有高密度移動設備屏幕的 CSS 媒體查詢中使用 min-width 和 max-width
[英]How to use min-width and max-width in CSS media queries with high density mobile device screens
將媒體查詢從最小寬度更改為使用最大寬度以避免覆蓋？
[英]Changing media queries from min-width to use max-width to avoid overriding?
@media（min-width：）和（max-width：）查詢無法正常工作
[英]@media (min-width: ) and (max-width: ) query not working Properly
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.