如何使用视口使我的网站宽度适合移动设备的大小?

时间:2012-08-26 08:49:08

标签: android iphone safari

我有一个宽度为1280像素的网站。 我希望第一次看到它时,将网站宽度调整到移动设备大小。

然后,我使用视口元标记作为跟随,但它不起作用。

<meta name="viewport" content="width=1280, initial-scale=0.25" />

如何使用视口将网站宽度调整为移动设备的大小?

非常感谢提前。

1 个答案:

答案 0 :(得分:1)

试试这个:

<meta name="viewport" charset="utf-8" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>

width = device-width 应该可以解决问题。 初始比例,最大比例和用户可扩展会阻止用户对您的网站应用任何类型的缩放,如果不需要,您可以将其删除。