android - 如何使用视口(viewport)使我的网站宽度适合移动设备的大小？

Question

我有一个宽度为 1280px 的网站。当我第一次看到它时，我想使网站宽度适合移动设备的大小。

然后，我使用视口(viewport)元标记如下，但它不起作用。

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

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

非常感谢。

Answer 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 应该可以解决问题。 initial-scale、maximum-scale 和 user-scalable 会阻止用户对您的网站应用任何类型的缩放，如果不需要，您可以将其删除。