android - 响应式网页设计 : Android default browser "thinks" that he is larger than he is

Question

我有以下元标记

<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){...} ..