我想在我的网页模板中加入user-scalable=no
选项,以便640px宽的设备及以下版本无法扩展。目前的设计在大于640的屏幕尺寸下可以很好地扩展,但iPad(具有1024px宽的接口环境)正在遵循用户可扩展的选项。我希望iPad的行为像桌面一样,并允许用户进行缩放。我不希望iPhone和Android放大。
<meta name="viewport" content="user-scalable=no">
如何强制iPad和屏幕宽度为640px或更大的其他移动设备忽略user-scalable = no选项?我正在寻找使用css媒体查询实现的相同行为,您可以在其中指定要应用设置的屏幕宽度范围。
答案 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">