我使用以下元标记在 iPhone 中正确显示网站:
<meta name="viewport" content ="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
然而，在 iPad 上，当使用元视口(viewport)时，网站在加载后无法正确缩放。我没有显示整个页面，而是必须向右滚动才能看到它的隐藏部分。一切看起来都很完美，但如果不使用元视口(viewport)。
有没有办法只对宽度小于 481 像素的设备使用视口(viewport)？或者是否可以使用 CSS 来存档元视口(viewport)的作用？
最佳答案
对于 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;">
关于iphone - 仅对 iPhone 使用视口(viewport)，不适用于 iPad，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17971068/