响应式网页设计：Android默认浏览器“认为”他比他大

Question

我有以下Meta标签

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

和CSS规则

@media all and (max-device-width: 640px) { ... }
@media all and (max-device-width: 480px) { ... }

当我在手机上通过Chrome打开网站时，一切都按预期工作 - 使用max-device-width: 480px规则。但是，当我通过Android 4默认浏览器打开网站时，它使用max-device-width: 640px规则。你能解释一下这种行为吗？

Answer 1

尝试使用此标记@media(max-width: 640px){...}和@media(max-width: 480px){...} ..