视口设备宽度和宽度混淆答案

【问题标题】：Viewport device-width and width confusion视口设备宽度和宽度混淆
【发布时间】：2012-09-13 10:07:15
【问题描述】：

这快把我逼疯了。我设计了这个响应式网站，它可以在电脑、iPad 和 iPhone 上完美运行。但不是在我的安卓手机上。它显示的是 iPad 或桌面版本（两者看起来很相似，所以我不确定是哪一个）

我正在为手机使用单独的 css，我对 viewport device-width 与 width 和 max-width 与 width 感到困惑。我想我已经把它们卡住了，但发现很难找到解决方案。你们能帮帮我，让我知道我做错了什么吗？

此外，当您调整浏览器窗口大小时，响应式网站通常会缩小，但我的网站不会。我做错了吗？请帮忙。

我也试过<meta name="viewport" content="width=device-width, initial-scale=1">，但没有成功

【问题讨论】：

【解决方案1】：

把你的meta改成这个，看看能不能用：

<meta name="viewport" content="width=device-width, initial-scale=1">

【讨论】：

伙计，你有一个语法错误。它应该是 max-width: 480px 而不是 max-device-width: 480px。并将width=device-width 放入meta viewport
非常感谢。那解决了它。但是移动网站看起来比 Android 上的屏幕大一点，对此有什么想法吗？
非常感谢您的帮助。 :)