视口使网站适合窗口,所有手机

时间:2014-01-30 14:28:46

标签: html5 css3 mobile viewport

我很难找到适用于所有手机的正确视口。我在这里要做的是,我的常规网站(不是移动)可以缩放以适应窗口而不必缩小缩小。关于视口的任何想法?

我的现在是。

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

这适用于iPhone。

<meta name="viewport" content="width=device-width" />

1 个答案:

答案 0 :(得分:0)

您网站的布局如何?你的内容有特定的宽度(比如apple.com)吗? 如果是这样,请在viewport元标记中使用它。 如果您的网站具有灵活性,例如amazon.com,请使用content="width=device-width, initial-scale=1.0"并提供正文width:100%;。如果您不想影响桌面版本,可以使用媒体查询执行此操作。 (http://stephen.io/mediaqueries/