1

我从 Bootstrap 开始,当我使用桌面浏览器检查响应时,一切似乎都是正确的,但是当我使用手机(Iphone 6)时,它并没有给我我所期望的......

以下是一些截图: 桌面(缩小以预览移动浏览器大小) 在此处输入图像描述

电话(iPhone 6) 在此处输入图像描述

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

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

一些帮助将不胜感激:)

4

2 回答 2

0

不要使用像素来调整字体大小。尝试remem%基于值。您也没有line-height哪个是字体被截断的罪魁祸首。请记住使用响应式公式来计算宽度。有关更多信息,请参阅http://alistapart.com/article/responsive-web-design

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

于 2015-07-02T10:41:02.160 回答
0

我修好了它。

问题是我在我的<head>

<meta name="viewport" content="width=device-width, initial-scale=1">
于 2015-07-02T18:13:31.250 回答