响应式网站在移动设备上缩小而不是调整

sho*_*orn 1 html css mobile responsive

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

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

我使用的是 Bourbon/Neat,到处都有一些 Flexbox,我之前已经做过很多次了。我只是从来没有经历过这个。有任何想法吗?

Jor*_*ber 5

您可能需要添加

<meta name="viewport" content="width=device-width, initial-scale=1">
Run Code Online (Sandbox Code Playgroud)

<head>你的html部分