【问题标题】:Font size much larger on Android FirefoxAndroid Firefox 上的字体更大
【发布时间】:2015-08-27 21:00:54
【问题描述】:

我以为我在这篇文章之后关闭了所有 Bootstrap 的响应式功能,但我发现手机上的字体大小似乎仍然是响应式的(或者只是更大),我不知道为什么。

这是桌面页面:http://getbootstrap.com/examples/non-responsive/

这里是移动页面:http://i.imgur.com/3OcMOrE.png

请注意正文字体大小比导航栏字体大小大得多,即使它们在桌面页面上的大小相同。

我该如何解决这个问题?

【问题讨论】:

  • 您应该尝试确定问题是导航栏文本太小还是正文文本太大。这将有助于确定行动方案
  • 肯定是正文太大了。
  • 更新:它与<p> 规则之一有关,但我不确定在哪里。
  • 是因为你没有设置视口吗?我知道您故意不使用它,但是网站上的当前缩放与我对引导程序的期望相反(文本随着屏幕变小而变大)(使用 Chrome 设备模拟器进行测试)
  • 不,我没有设置视口,正如引导程序所说的那样(如果你不想要响应)。

标签: html css firefox twitter-bootstrap-3


【解决方案1】:

正如cvrebert 建议的那样,解决方案是将以下内容添加到body

-webkit-text-size-adjust: none;
   -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
        text-size-adjust: none;

https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

【讨论】:

    猜你喜欢
    • 2022-05-31
    • 2020-05-16
    • 2012-04-26
    • 2014-08-27
    • 2013-06-12
    • 2017-01-17
    • 1970-01-01
    • 2016-02-20
    • 2012-06-12
    相关资源
    最近更新 更多