Materialisecss移动版

时间:2016-01-14 16:57:55

标签: angularjs gruntjs material-design materialize

我在我的网站上使用materializecss.com和angularjs。这个问题非常有趣:

当我使用Chrome并调整我的网站大小时,一切都保持响应(不是非常强硬)。但是,当我使用Chrome仿真工具(Apple iPhone 6)时,它不再响应。

看一下屏幕截图:

Chrome emulation tool Apple iPhone 6

Chrome with the same with as Apple iPhone6

所以你可以看到不同的比例。

您可以在zencubes.io

查看

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

您的问题的描述听起来像之前在此处的Stackoverflow已经得到解答,它可以在Chrome中的设备模拟器中运行,但不能在实际设备上运行。

Why CSS Media Query doesn't work on mobile device but yes on Google Chrome device emulator?

您是否检查过您的Viewport元标记设置,特别是宽度属性?