好，
所以我正在设计一个需要响应的网站。
设计已经确定，我刚刚进行了一些测试。
为了让我的移动设备的媒体查询能够正常工作，在这个例子中认为手机不是ipad，我设置了媒体查询，一切看起来都很完美。
为了使用这些媒体查询，我使用：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
然而，这对ipad版本也有影响，特别是我的网站的肖像版本，我不需要触摸。
我想我的问题是如何控制哪些设备选择视口设置？
理想情况下，我希望能够在“少于这个像素数量”的基础上做到这一点，但我对所有建议持开放态度。
感谢所有的贡献。
答案 0 :(得分：1)
请记住在meta元素上使用逗号分隔符，因为它们被视为键值对：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
答案 1 :(得分：0)
尝试使用maximum-scale =用户可以在网页上放大的最高级别，其中值为1.0表示用户根本无法放大。您甚至可以将其设置为用户无法缩放的位置 - user-scalable= no
答案 2 :(得分：0)
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
应该适用于每个设备的分辨率。 但是缩放是停用的。
使用css媒体查询调整每个宽度和高度的显示。