好的，
所以我正在设计一个需要响应的网站。
设计已经确定，我刚刚做了一些测试。
为了让我的移动设备的媒体查询能够正常工作，在这种情况下，想想手机而不是 ipad，我设置了一个媒体查询，一切看起来都很完美。
为了利用这些媒体查询，我使用：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
不过，这对 ipad 版本也有影响，特别是我的网站的纵向版本，我不需要触摸。
我想我的问题是如何控制哪些设备获取视口设置？
理想情况下，我希望能够在“少于这个像素数量”的基础上做到这一点，但我愿意接受所有建议。
提前感谢所有贡献。
【问题讨论】：
标签： responsive-design viewport
记住在元元素上使用逗号分隔符，因为它们被视为键值对：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
【讨论】：
尝试使用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 媒体查询来调整每个宽度和高度的显示。
【讨论】：