【问题标题】:bootstrap responsive tabs doesn't looks fine on mobile device引导响应标签在移动设备上看起来不太好
【发布时间】:2015-06-18 06:22:17
【问题描述】:

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

为什么会有这种差异?请帮帮我;)

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

对不起我的英语不好

【问题讨论】:

  • 你能多解释一下,而不是只提供链接。建议在您的问题/答案中添加尽可能多的信息,因为链接可能会被删除或由于某些原因可能无法正常工作。
  • 仅通过查看屏幕截图很难知道 - 但这不是典型的引导行为。你能展示更多你的代码吗?如果我不得不猜测,我会说这与您的视口有关。

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


【解决方案1】:

引导字体没有响应。移动设备每英寸的像素比大多数笔记本电脑多,有时甚至高达 2:1。这意味着字体在移动设备上的大小可能是笔记本电脑上的一半。

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

更多信息在这里:Web Design for Smart Phone - Pixel Size

【讨论】:

    【解决方案2】:

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

    永远,永远,永远不要忘记写这个:

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

    这就是问题所在;)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-01-01
      • 1970-01-01
      • 2013-12-31
      • 2012-06-05
      • 2015-01-08
      • 2015-10-20
      • 2020-08-11
      相关资源
      最近更新 更多