Bootstrap 字体未按预期响应
Bootstrap font is not responsive as expected
我从 Bootstrap 开始，当我用我的桌面浏览器检查响应时，一切似乎都是正确的，但是当我继续我的 phone (Iphone 6) 它没有不要给我我所期待的...
以下是一些屏幕截图：
桌面（缩小以预览移动浏览器大小）
Phone (Iphone 6)
我们可以清楚地看到有一些麻烦......我可能错过了什么。
您可以在 url 处检查我的代码：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">
我从 Bootstrap 开始，当我用我的桌面浏览器检查响应时，一切似乎都是正确的，但是当我继续我的 phone (Iphone 6) 它没有不要给我我所期待的...
以下是一些屏幕截图：
桌面（缩小以预览移动浏览器大小）
Phone (Iphone 6)
我们可以清楚地看到有一些麻烦......我可能错过了什么。
您可以在 url 处检查我的代码：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">