如何在我的移动设备友好网站上让iPad忽略用户可扩展=否?

时间:2010-12-22 23:31:38

标签: ipad html5

我想在我的网页模板中加入user-scalable=no选项,以便640px宽的设备及以下版本无法扩展。目前的设计在大于640的屏幕尺寸下可以很好地扩展,但iPad(具有1024px宽的接口环境)正在遵循用户可扩展的选项。我希望iPad的行为像桌面一样,并允许用户进行缩放。我不希望iPhone和Android放大。

<meta name="viewport" content="user-scalable=no">

如何强制iPad和屏幕宽度为640px或更大的其他移动设备忽略user-scalable = no选项?我正在寻找使用css媒体查询实现的相同行为,您可以在其中指定要应用设置的屏幕宽度范围。

2 个答案:

答案 0 :(得分:5)

我最终通过以下方式得到了我想要的东西:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no" />

答案 1 :(得分:1)

我并不完全明白你想要实现的目标。但是,你看过other scaling properties,也许你可以用这些来达到你想要的效果。使用以下设置,用户可以缩放,但不能低于640px宽度,这是我想要的:

<meta name="viewport" content="width=640, initial-scale=1.0, minimum-scale=1.0">