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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了实现不在移动设备上预期缩放相关的知识,希望对你有一定的参考价值。

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

enter image description here

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

enter image description here

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

答案

你还记得加:

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

?

以上是关于实现不在移动设备上预期缩放的主要内容,如果未能解决你的问题,请参考以下文章

一般检查任何移动设备屏幕方向更改?

Bootstrap 无法在移动设备上正确缩放

由于悬停时的转换/缩放,在移动设备上难以滚动

按钮不在移动设备上工作,但适用于PC引导程序

vue-scrollto 不在移动设备上排队 - 仅移动设备的偏移量?

为什么视口元标记不能按预期工作