我想user-scalable=no在我的网页模板中包含该选项,以便640px宽的设备及以下设备不会扩展.目前的设计在大于640的屏幕尺寸下可以很好地扩展,但iPad(具有1024px宽的接口环境)正在遵循用户可扩展的选项.我希望iPad的行为像桌面一样,并允许用户进行缩放.我不希望iPhone和Android放大.
<meta name="viewport" content="user-scalable=no">
如何强制iPad和屏幕宽度为640px或更大的其他移动设备忽略user-scalable = no选项？我正在寻找使用css媒体查询实现的相同行为,您可以在其中指定要应用设置的屏幕宽度范围.
我最终通过使用以下内容得到了我想要的东西:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no" />