实现不在移动设备上预期缩放

时间:2017-12-18 15:25:14

标签: css mobile responsive-design materialize

我使用Materialize CSS framework作为RoR应用程序。使用Chrome / Firefox开发工具时,网页按预期进行扩展,即使在选择移动设备时(我在这里使用了iPhone SE,但更大的屏幕尺寸也会产生相同的结果):

enter image description here

然而,在我的实际手机或任何其他智能手机设备上访问该网站时,它会像这样缩放:

enter image description here

有谁知道这个问题是什么?我按原样使用框架,v0.100.2

1 个答案:

答案 0 :(得分:1)

你记得添加:

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