iphone - 媒体查询不适用于(最小宽度 :321px)

Question

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

我添加了以下媒体查询，但第一个 (max-width: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: 320px);我没有专门针对非 Retina 显示屏 iPhone 尝试过它，但发现它在专门针对 iPhone 4 时很有用。