我正在构建一个响应式设计,除了似乎无法针对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
}
难道我做错了什么?
最佳答案
尝试最大设备宽度(max-device-width: 320px)
;我没有专门针对非视网膜显示屏的iPhone尝试过它,但是发现它在专门针对iPhone 4时有帮助。
关于iphone - 媒体查询不适用于(最小宽度:321px),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8152397/