移动版本差异

Question

我正在尝试制作我的第一个个人作品集网站。通过浏览器和多个移动模拟器，一切看起来都应该如此。但是，在我实际的 iPhone 5（并检查了其他人）上，我看到了桌面（而不是移动）版本。

我会 link 下面两张图片，希望它们能帮助说明我的问题。

我不确定 post 的实际代码是什么。我的样式文件包含一个 @media screen and (min-width:768px)，用于在桌面屏幕上隐藏导航栏 header，而我的 html 包含应该响应的 bootstrap 类。

如果您需要任何特定的代码片段，请告诉我。与此同时，我将其全部托管在 github 上：(github.com/julianstanley/julianstanley.github.io)

| Desktop View Alongside Mobile Emulator | Actual Mobile View |

Answer 1

Nikhil Nanjappa 在上面的评论中回答了这个问题。 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 对观点很重要，虽然我记得把那行写进去，但我打错了。