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