我从 Bootstrap 开始,当我使用桌面浏览器检查响应时,一切似乎都是正确的,但是当我使用手机(Iphone 6)时,它并没有给我我所期望的......
以下是一些截图: 桌面(缩小以预览移动浏览器大小)
电话(iPhone 6)
我们可以清楚地看到有一些麻烦......我可能错过了一些东西。
您可以在此网址检查我的代码:http ://robeen.fr/v3
一些帮助将不胜感激:)
我从 Bootstrap 开始,当我使用桌面浏览器检查响应时,一切似乎都是正确的,但是当我使用手机(Iphone 6)时,它并没有给我我所期望的......
以下是一些截图: 桌面(缩小以预览移动浏览器大小)
电话(iPhone 6)
我们可以清楚地看到有一些麻烦......我可能错过了一些东西。
您可以在此网址检查我的代码:http ://robeen.fr/v3
一些帮助将不胜感激:)
不要使用像素来调整字体大小。尝试rem
,em
或%
基于值。您也没有line-height
哪个是字体被截断的罪魁祸首。请记住使用响应式公式来计算宽度。有关更多信息,请参阅http://alistapart.com/article/responsive-web-design。
此外,您的网站看起来很漂亮,您应该为自己所做的工作感到自豪。:)
我修好了它。
问题是我在我的<head>
<meta name="viewport" content="width=device-width, initial-scale=1">