gpt4 book ai didi

twitter-bootstrap-3 - bootstrap-3.0 的所有字体都太小

转载 作者:行者123 更新时间:2023-12-04 08:16:24 25 4
gpt4 key购买 nike

在从 Twitter Bootstrap 2.3.2 转换到 3.1.1 时,在完成了几个迁移指南之后,我发现我所有的字体都太小(大约是 2.3.2 大小的 75%)。这似乎与屏幕尺寸(在同一屏幕上评估,1920x1080)没有任何关系。根据 Inspector(Safari 和 Firefox),旧的和新的应该是相同的字体大小。

由于这对所有字体都是通用的,因此似乎有一些全局缩放正在进行,而检查员没有透露某个地方。那可能是什么?我怎样才能撤消它?

Web Inspector 示例:

BS3版本:

<html>
<body class="me">
<div class="jumbotron home-feature">
<div class="alert alert-info text-center">
<small>

检查器中的样式:
small: type.less:85: font-size: 85%;
small: normalize.less:159: font-size: 80%; (overridden)
small: User Agent Stylesheet: font-size: smaller;

Inherited from body.me:
.me: me.css: font-size: 1em; (overridden)
body: scaffolding.less:37: font-size: 14px; (overridden)

Inherited from html:
html: scaffolding.less:29: font-size: 62.5% (overridden)

BS2 版本:
<html>
<body class="me">
<div class="hero-unit home-feature">
<div class="alert alert-info text-center">
<small>

款式:
small: bootstrap.css:662: font-size: 85%;
small: User Agent Stylesheet: font-size: smaller;

Inherited from div.hero-unit.home-feature:
.hero-unit: bootstrap.css:6120: font-size:18px (overridden)

Inherited from body.me:
.me: me.css:1: font-size: 1em; (overridden)
body: bootstrap.css:224: font-size: 14px; (overridden)

Inherited from html:
html: bootstrap.css:68: font-size: 100%; (overridden)

最佳答案

我注意到 html 被 Bootstrap 脚手架覆盖,所以我将 CSS 应用于 主体 而不是 html

改动前:

html { 字体大小:24px; }

更改后:

body { 字体大小:24px; }

关于twitter-bootstrap-3 - bootstrap-3.0 的所有字体都太小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23702914/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com