我有一个使用 flexbox 的桌面网站,但我想让该网站对移动用户更友好。事实上,该网站在手机上的显示与在桌面上的显示一样。当浏览器窗口缩小(或拉伸(stretch))时,网站会自然地 flex 到新的大小。在其最紧凑的尺寸下,大约 480 像素,浏览器窗口看起来就像一个移动网站,但正如我所说,在手机上,该网站显示为 1080 像素宽。
当窗口宽度为 480px 时,如何使网站在手机上的显示方式与在桌面浏览器上的显示方式相同?
非常感谢。
最佳答案
把这个贴在你的标题标签里。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
关于html - 使桌面 flexbox 站点移动友好,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23749050/