Question

是否有可能禁用使用智能手机查看页面时获得的初始缩放？

我不想禁用缩放，我只是希望用户在加载时查看整个页面（=＆gt;宽度），而不仅仅是一个小矩形。

我尝试了其他人建议的几种解决方案，但没有一种适合我。

Answer 1

尝试将此添加到文档的head：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes", target-densitydpi=device-dpi />

initial-scale是您最初想要的数量，maximum-scale是用户能够缩放的数量，user-scalable是否允许缩放。

具有高dpi（或分辨率）的移动设备（如Samsung Galaxy S4 ）需要 target-densitydpi=device-dpi ，但它会添加到元，因为像iPhone这样的设备无法识别它。

我自己没有在SGS4上测试过这个问题，因为我没有自己的测试，但是如果您想要在设备的初始规模上具体说明，可以尝试在media="(device-width: 480px) and (device-height: 800px)"之后添加user-scalable 480px是SGS4的视口宽度，800px是SGS4的视口高度。所以看起来应该是：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes", media="(device-width: 480px) and (device-height: 800px)", target-densitydpi=device-dpi />

Answer 2

好的，这很容易。我略微调整了一个我从谷歌找到的解决方案。这是唯一对我有用的代码：

<meta name="viewport" content="width=960; user-scalable=yes;" />

它将默认缩放设置为960px（更改为页面宽度），并且仍允许用户放大/缩小。

编辑：看起来它允许在默认的互联网浏览器（SGS4）上进行缩放，但在使用谷歌浏览器时会禁用缩放。

Answer 3

将此添加到您的头部<meta name="viewport" content="width=device-width, initial-scale=1.0" />

在此处阅读：https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

使用移动设备查看页面时禁用初始缩放

3 个答案: