iphone - 仅使用 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;">