html - 使桌面 flexbox 站点移动友好

Question

我有一个使用 flexbox 的桌面网站，但我想让该网站对移动用户更友好。事实上，该网站在手机上的显示与在桌面上的显示一样。当浏览器窗口缩小(或拉伸(stretch))时，网站会自然地 flex 到新的大小。在其最紧凑的尺寸下，大约 480 像素，浏览器窗口看起来就像一个移动网站，但正如我所说，在手机上，该网站显示为 1080 像素宽。

当窗口宽度为 480px 时，如何使网站在手机上的显示方式与在桌面浏览器上的显示方式相同？

非常感谢。

Answer 1

把这个贴在你的标题标签里。

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