移动响应在真实设备中失败

Question

这是我的网站：http://styles.my/widget_stylescopy/mstar_v2/scheduler/mstar.php。

Chrome 一切正常。 但它在 Chrome 模拟器和真正的移动设备上都不起作用。

我使用http://owlgraphic.com/owlcarousel/#demo 作为滑块，但滑块本身是响应式的。我想知道有什么问题。我确定我没有错过宣布的猫头鹰轮播设置。

Answer 1

据我所知，您的网站和 owlgraphic 网站之间有一个主要区别。

您的滑块已正确实现，但它在移动/chrome 模拟器上不起作用的原因是您需要向您的head 添加一个元标记。这个是直接从猫头鹰旋转木马上撕下来的：

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

Answer 2

您应该提出具体问题。我们不是“我的代码不起作用，我不知道为什么要修复”。

没有人比你更了解你的代码。