我有一个使用flexbox的桌面网站,但我想让网站对移动用户更友好。实际上,该网站就像在桌面上一样在手机上显示。当浏览器窗口缩小(或拉伸)时,网站会自然地弯曲到新的大小。在最小的大小,大约480px,浏览器窗口看起来像一个移动网站,但正如我所说,在手机上,网站显示为1080px宽。
当窗口宽度为480px时,如何让手机上显示的网站与桌面浏览器上显示的网站相同?
非常感谢。
答案 0 :(得分:1)
将其粘贴在标题标记内。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />