iphone - 如何缩小智能手机上平板电脑的网站 build ？

Question

我开发了一个 1024x768 的网站并使用了以下视口(viewport):

<meta name="viewport" content="width=768, initial-scale=1" />

它在台式机和平板电脑上看起来很棒，但当我在 iPhone 上查看时它被放大了。我可以双击以查看整个网站，然后它看起来也很棒。但是有没有办法让在iPhone上马上就能看到缩小版呢？

Answer 1

纵向使用 width=device-width。否则，您必须对每个建议的宽度 View 设备(横向位置)使用媒体查询。