如何在智能手机上缩小平板电脑的网站构建？

Question

我开发了一个1024x768的网站，并使用了以下视口：

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

它在台式机和平板电脑上看起来很棒，但是当我在iPhone上观看它时它会放大。我可以双击查看整个网站，然后它看起来也很棒。但有没有办法在iPhone上立即查看缩小版本？

Answer 1

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