仅使用适用于iPhone的视口，而不是iPad

Question

我正在使用以下元标记在iPhone中正确显示网站：

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

但是，在iPad上，使用元视口时，加载后网站无法正确缩放。我不必显示整个页面，而是向右滚动以查看隐藏的部分。如果不使用元视口，一切看起来都很完美。

有没有办法只将视口用于宽度小于481像素的设备？或者是否可以使用CSS来存档元视口的作用？

Answer 1

对于iPhone：

<meta name="viewport" content="width=device-width; initial-scale=0.65; maximum-scale=1.0;">

对于iPad：

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1.0;">