引导响应标签在移动设备上看起来不太好

时间:2015-04-13 02:02:42

标签: css twitter-bootstrap google-chrome-devtools

我喜欢响应式标签系统,但在移动设备中看起来不一样,字体更小,边距更大。当调整笔记本电脑中的导航窗口大小时看起来很完美。

为什么会出现这种差异?请帮助;)

https://github.com/openam/bootstrap-responsive-tabs/issues/33

抱歉我的英文不好

2 个答案:

答案 0 :(得分:0)

Bootstrap字体无响应。与大多数笔记本电脑相比,移动设备每英寸像素数更多,有时比例高达2:1。这意味着移动设备上的字体大小可能与笔记本电脑上的大小相同。

这就是为什么字体在调整浏览器大小时看起来很好,但是一旦你模拟移动设备,字体会缩小。

此处提供了更多信息:Web Design for Smart Phone - Pixel Size

答案 1 :(得分:0)

非常感谢大家,我有一个大错误!!!!!!!

永远不要忘记这样做:

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

那就是问题所在;)