html - 移动版本差异

Question

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

我将链接到下面的两张图片，希望它们能帮助说明我的问题。

我不确定要发布什么实际代码。我的样式文件包括一个 @media 屏幕和 (min-width:768px)，用于在桌面屏幕上隐藏导航栏标题，我的 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">对观点很重要，虽然我记得把那行写进去，但我打错了字。