视口设备宽度和宽度混淆

Question

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

我正在使用单独的css手机，而且我对viewport device-width vs width和max-width vs width感到困惑。我想我已经堵塞了他们，但发现很难找到解决方案。你能帮帮我，让我知道我做错了吗？

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

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

Answer 1

将您的meta更改为此版本，看看它是否有效：

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