我很难找到适用于所有手机的正确视口。我在这里要做的是,我的常规网站(不是移动)可以缩放以适应窗口而不必缩小缩小。关于视口的任何想法?
我的现在是。
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
这适用于iPhone。
<meta name="viewport" content="width=device-width" />
答案 0 :(得分:0)
您网站的布局如何?你的内容有特定的宽度(比如apple.com)吗?
如果是这样,请在viewport元标记中使用它。
如果您的网站具有灵活性,例如amazon.com,请使用content="width=device-width, initial-scale=1.0"
并提供正文width:100%;
。如果您不想影响桌面版本,可以使用媒体查询执行此操作。 (http://stephen.io/mediaqueries/)