响应式网页devise正在桌面上，但不是在移动设备上

我有一个网站，必须响应手机。 我用我的桌面创build了它。 当我调整浏览器窗口时，它对手机非常适用，但当我在真正的手机上查看它时：Samsung Galaxy S2对手机视图不起反应。

什么可能是错的？

Answer 1

您可能在html头部缺less视口元标记：

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

没有它，设备会假设并将视口设置为完整大小。

更多信息在这里 。

Answer 2

我也遇到了这个问题。 最后我有一个解决scheme。 使用下面的代码。 希望：问题会解决。

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

Answer 3

检查你的CSS或使用CSSvalidation器。

  Parse Error .navbar .nav li a { padding-right: 5px; paddng-left: 5px; 

它看起来像你还没有closures你的大括号或错字错误。