媒體查詢無法在Chrome中工作，但工作在iphone

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 

body { 
background: #000 !important; 

} 

}

它適用於iphone正常，但我想通過調整瀏覽器在FF或Chrome測試和它添加樣式。我怎樣才能使它工作？

2013-04-18 LeBlaireau

您可以在http://css-tricks.com/snippets/css/media-queries-for-standard-設備/ –

取出-device

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) { 

body { 
background: #000 !important; 

} 

}

min-width max-width措施，您的瀏覽器窗口的寬度。 min-device-width max-device-width測量設備的寬度（即您的顯示器），它永遠不會改變

2013-04-18 12:00:27 Turnip

+1進行解釋。 –

工作正常。謝謝。但是 - 設備做什麼？我是否有可能通過移除手持設備來解決此問題？編輯：你剛剛回答我的問題 – LeBlaireau

正如我所提到的， - 設備測量您正在使用的設備（手機，顯示器，筆記本電腦屏幕等），而不是瀏覽器窗口的尺寸。在移動設備上，瀏覽器窗口的寬度幾乎可以與設備寬度相同，因此兩個查詢都應該捕獲同一設備。 IE瀏覽器。它應該工作得很好，沒有裝置。 – Turnip

回答