媒體查詢不工作（最小寬度：321px）

我正在建立一個響應式設計，一切都很好，除了我似乎無法針對iPhone 3G用戶。媒體查詢不工作（最小寬度：321px）

我已經添加了以下媒體查詢，但第一個（最大寬度：320像素）似乎不工作

@media screen and (max-width: 320px) { 
// STYLES GO HERE 
} 

@media screen and (min-width: 321px) and (max-width: 640px) { 
//STYLES GO HERE 
}

難道我做錯了什麼？

來源

2011-11-16 Dean Elliott

看看這篇文章，也許它可以給你一個提示，我不知道：http://stackoverflow.com/questions/5031482/how-to-target-iphone-3gs-and-iphone- 4合一媒體查詢 [1]：http://stackoverflow.com/questions/5031482/how-to-target-iphone-3gs-and-iphone-4-in-one-media-查詢 –

很好，工作很好，謝謝 –

這個http://stackoverflow.com/a/15673397/2077405應該回答你的問題。 – Ugo

嘗試最大設備寬度(max-device-width: 320px);我沒有專門爲非視網膜顯示iPhone嘗試過它，但發現它有助於專門針對iPhone 4。

來源

2012-06-11 11:30:26

媒體查詢不工作（最小寬度：321px）

回答

相關問題