使桌面flexbox站点移动友好

时间:2014-05-20 00:08:05

标签: html css jquery-mobile mobile flexbox

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

当窗口宽度为480px时,如何让手机上显示的网站与桌面浏览器上显示的网站相同?

非常感谢。

1 个答案:

答案 0 :(得分:1)

将其粘贴在标题标记内。

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