Question

我开始使用Bootstrap，当我用桌面浏览器检查响应性时，一切看起来都是正确的，但是当我使用手机（Iphone 6）时，它并没有给我我所期待的......

以下是一些截图：桌面（缩小为预览移动浏览器大小） enter image description here

手机（Iphone 6） enter image description here

我们可以清楚地看到有一些麻烦......我可能错过了一些东西。

您可以在此网址检查我的代码：http://robeen.fr/v3

非常感谢一些帮助：）

Answer 1

请勿使用像素进行字体大小调整。尝试基于rem，em或%的值。你也没有line-height，这是你的字体被切断的罪魁祸首。请记住使用响应式公式来计算宽度。有关详情，请参阅http://alistapart.com/article/responsive-web-design。

此外，您的网站看起来很漂亮，您应该为您所做的工作感到自豪。 :)

Answer 2

我修好了。

问题是我在<head>

中错过了这个

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