【问题标题】:Font size on browsers - Different sizes浏览器上的字体大小 - 不同的大小
【发布时间】:2015-11-05 18:18:10
【问题描述】:

无论我使用的度量(百分比、em、px 等)网站,至少在移动浏览器、Mozilla 和 Internet Explorer 或 Chrome 上,都不会显示相同的字体大小。

我什至尝试将它放在 CSS 正文规则中

body
 {
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
-moz-text-size-adjust:none;
text-size-adjust:none;
}

但是没有用。任何人都知道如何修复它,或者,至少,无论我使用的尺寸(以及移动浏览器的尺寸较小)如何,减少这些尺寸之间的差异......? 谢谢!

【问题讨论】:

  • 这总是在同一台设备上,但在不同的浏览器上?您是否在 HTML 中设置了viewport?
  • 我也有同样的问题。 text-size-adjust 不起作用!

标签: mobile cross-browser font-size


【解决方案1】:

解决方法在这里https://stackoverflow.com/a/15137584/202550。我认为suppress adjustment conditions 中的一些被触发并且这有效。

为文本的容器设置一个真正的大max-height,这将像text-size-adjust: none一样工作:

.text {
    max-height: 5000em;
}

然后在 HTML 中使用这个类:

<p class="text">Lorem...</p>

【讨论】:

    【解决方案2】:

    如果你真的需要控制它,最好的办法是使用“css reset”或“css normalize”库(例如http://nicolasgallagher.com/about-normalize-css/)。

    通常,您会在 html/body 中保留一些通用规则,并且可能还有一些利用浏览器特定的 css 功能来调整一些细节。您可能最终还需要处理行高、输入元素和许多其他零碎的东西。使用库真的要容易得多。

    【讨论】:

    • 但如果只是不一致困扰你,我会完全避免搞砸它。如果它确实使布局难以处理,那么一定要这样做。如果可能的话,就让浏览器做它该做的事情。
    • 真正的问题是text-size-adjust不能正常工作。
    猜你喜欢
    • 2014-03-12
    • 2015-09-24
    • 2016-03-07
    • 1970-01-01
    • 2014-01-29
    • 2010-10-18
    • 1970-01-01
    • 2013-12-09
    • 2019-11-29
    相关资源
    最近更新 更多