响应式网站缩小手机而不是调整

时间:2016-09-28 20:26:30

标签: html css mobile responsive

我得到了一些奇怪的行为,我不确定它为什么会发生。

我正在建立一个网站。在Chrome和Safari中本地运行时,它显示正常,一切都按照您的预期进行调整。但是,在响应模式下,以及直接在移动设备上查看时,整个网站的大小都会缩小以适应。通过这个我的意思是整个网站的每个元素都缩小了尺寸,以便在看桌面大小时显示。

我正在使用Bourbon / Neat,在这里和那里有一些flexbox,我之前做了很多次。我从来没有经历过这个。有什么想法吗?

2 个答案:

答案 0 :(得分:2)

您可能需要添加

<meta name="viewport" content="width=device-width, initial-scale=1">

到你的html的<head>部分

答案 1 :(得分:0)

Jordan的答案是正确的方向,但对我而言不起作用。

Stackoverflow上还有另一篇文章,该文章具有更全面的meta标签,已为我修复:

Small fonts in mobile website