如何在我的移动友好站点上让iPad忽略user-scalable=no？

Question

我想在我的web模板中包含user-scalable=no选项，这样640px及以下的设备就不会缩放。目前的设计在屏幕尺寸大于640的情况下可以很好地扩展，但iPad (具有1024px宽界面)遵循用户可扩展的选项。我想让iPad像桌面一样工作，允许用户缩放。我不想让iPhone和安卓变焦。

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

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

Answer 1

通过使用以下命令，我最终得到了我想要的东西：

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

Answer 2

我不太明白你想要达到什么目的。然而，你有没有看过other scaling properties，也许你可以使用它们来实现你想要的东西。使用以下设置，用户可以缩放，但不能低于640px的宽度，我认为这是你想要的：

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