在移動設備上不遵守媒體查詢？

在頭部分我有：在移動設備上不遵守媒體查詢？

<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link href="css/desktop.css" rel="stylesheet" type="text/css" media="screen and (min-width:640px) and (min-device-width:1025px)">

最終結果是，我想使在頁的CSS只有當窗口最小寬度> 640像素，而不是爲移動/智能電話/平板設備，只是僅監視PC /筆記本。現在的問題是：爲什麼不能在240x340像素屏幕的移動設備上工作？在這種情況下，我應該加載頁面沒有CSS，但在我的手機（三星gt-s5222）它加載相同的CSS。我想這個手機忽略了'媒體查詢'並加載相同的CSS。那我該如何解決這個問題？非常感謝。

來源

2015-06-21 Marcello Impastato

如果您刪除min-device-width:1025px的device會發生什麼情況？

來源

2015-06-21 09:55:58 cptstarling

我使用min-device-width：1024px強制只在寬度分辨率> 1024的監視器上加載css樣式表。此屬性應該排除分辨率<= 1024的所有設備。 –

我通常不會在媒體查詢中使用。只需使用一個表，並把查詢在那裏：

Styles.css中：

@media screen and (min-width: 640px) { 
.cssstuff { 
display:none; 
} 
}

也許瀏覽器並不像你在使用它瞭解媒體查詢。

來源

2015-06-21 10:41:50 Mentor

好。非常感謝。所以在我的手機不加載CSS。只是最後一件事。這個解決方案有一些「bug」嗎？我這樣講是爲了確保除了寬度> 640px的所有Windows以外，所有設備的結果都是如此。 –

很高興幫助。媒體查詢應該適用於所有設備。你可以在這裏查看官方語法：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp 不要忘記upvote如果答案是有幫助的:) – Mentor

在移動設備上不遵守媒體查詢？

回答

相關問題