移动版本差异

Question

我正在努力建立我的第一个个人投资组合网站。通过浏览器和多个移动模拟器看起来应该是一切。但是，在我的实际iPhone 5上（以及其他人也检查过），我看到的是桌面版（而非移动版）。

我将链接到下面的两张图片，希望有助于显示我的问题。

我不确定要发布的实际代码。我的样式文件包含@media screen and (min-width:768px)，用于隐藏桌面屏幕上的导航栏标题，而我的html包含应该响应的引导类。

如果您需要任何特定的代码段，请与我们联系。与此同时，我把它全部托管在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">对于观点非常重要，虽然我记得把这条线放进去，但我写了一个错字。