媒体查询不工作（最小宽度：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）

回答

相关问题