为什么我的响应式设计在移动设备上看起来与我将浏览器大小调整到完全相同的分辨率时不同？

Question

我已经阅读了一些相关的StackOverflow问题：

here，here和here，

但我觉得我仍然没有答案。 我有一个很棒的响应式设计（非常简单），看起来很棒但是你在桌面上重新调整了浏览器的大小。现在，当我通过Chrome检查元素并使用他们的手机预览时，一切都那么小而且很小。背景不像在桌面上那样伸展。即使浏览器的大小调整为与手机相同的分辨率，主要内容也不会像在桌面上那样填充该区域。

是的，我已经包含了视口规范。

 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

老实说，无论我玩宽度多少，它似乎都没有改变 - 在桌面浏览器或移动设备上。

为什么手机浏览器中的网页与浏览器缩小到完全相同的分辨率的桌面看起来完全不同？

Answer 1

也许用户可扩展= 0而不是没有？

content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0"