Responsive design 用于响应设计的视口设置

好,

因此，我正在设计一个网站，需要作出反应

设计已经确定，我刚刚做了一些测试

为了让我对移动设备的媒体查询能够正常工作，在这种情况下，想想手机而不是ipad，我设置了一个媒体查询，一切看起来都很完美

为了利用这些媒体查询，我使用：

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

然而，这也对ipad版本产生了影响，特别是我不需要触摸的网站的肖像版

我想我的问题是如何控制哪些设备拾取视口设置

理想情况下，我希望能够做到这一点，在一个'少于这个数量的像素'的基础上，但我愿意接受所有的建议

---

提前感谢您的所有贡献。

尝试使用

最大缩放比例

=用户能够放大网页的最大级别，值为1.0表示用户根本无法放大。您甚至可以将其设置为用户无法缩放的位置-

user scalable=no

尝试使用

maximum scale

=用户能够放大网页的最大级别，其中值1.0表示用户根本无法放大。您甚至可以将其设置为用户无法缩放的位置-

user scalable=no

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

应适用于所有设备。 但变焦功能正在停用

使用css媒体查询调整每个宽度和高度的显示。

应适用于所有设备。 但变焦功能正在停用

---

使用css媒体查询调整每个宽度和高度的显示。

记住在元元素上使用逗号分隔符，因为它们被视为键值对：

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

---

记住在元元素上使用逗号分隔符，因为它们被视为键值对：

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