媒体查询不起作用（最小宽度：321px）

Question

我正在构建一个响应式设计，除了我似乎无法定位iPhone 3g用户外，一切都很好。

我添加了以下媒体查询，但第一个（最大宽度：320px）似乎不起作用

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

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

我做错了吗？

Answer 1

尝试max-device-width (max-device-width: 320px);我没有专门为非视网膜显示器iPhone试过它，但是在专门针对iPhone 4时发现它有帮助。