1

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

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

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

4

3 回答 3

2

尝试将此添加到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（或分辨率）的 target-densitydpi=device-dpi 移动设备（例如三星 Galaxy S4）需要它，但它被添加到元数据的末尾，因为 iPhone 等设备无法识别它。

我自己没有在 SGS4 上测试过这个，因为我没有，但如果你想具体了解设备的初始比例，可以尝试media="(device-width: 480px) and (device-height: 800px)"在user-scalableSGS4480px的视口宽度和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 />

于 2013-07-23T21:52:13.850 回答
2

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

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

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

编辑：看起来它允许在默认 Internet 浏览器 (SGS4) 上进行缩放，但在使用 Google Chrome 时会禁用缩放。

于 2013-07-23T22:10:50.643 回答
0

把这个加到你的头上<meta name="viewport" content="width=device-width, initial-scale=1.0" />

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

于 2013-07-23T21:51:25.497 回答