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

Question

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

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

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

Answer 1

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