实现引导程序使字体尺寸缩小

发布于 2025-01-22 08:19:12 字数 1490 浏览 0 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

宛菡 2025-01-29 08:19:12

根据 bootstrap

在Bootstrap 5中,我们默认启用了响应式字体大小,允许文本在设备和视口尺寸上更自然地扩展。

有关Bootstrap的调整引擎的更多信息,建议阅读之后的文章

我该怎么做才能使它回到不使用的情况下!对于CSS中每个类的字体大小都很重要?

为了覆盖它,您可以尝试以下操作:

html {
  font-size: 20px !important;
}

According to bootstrap,

In Bootstrap 5, we’ve enabled responsive font sizes by default, allowing text to scale more naturally across device and viewport sizes.

For more info about Bootstrap’s resizing engine, I recommend reading the following article.

What should I do to make it back to what it was without using !important to the font-size of every class in the CSS?

To override it, you can try the following:

html {
  font-size: 20px !important;
}
浊酒尽余欢 2025-01-29 08:19:12

CSS文件导入后,您是否导入Bootstrap链接?如果是,则首先导入BS,然后导入您的自定义CSS。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">

BCZ我猜BS Typo类正在覆盖您的自定义CSS课程。

Did you import the bootstrap link after your css file import? if yes then import bs first then import your custom css.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">

bcz I'm guessing that bs typo class is overwriting your custom css class.

假情假意假温柔 2025-01-29 08:19:12

您可以在CSS中添加其他字体大小,但请确保自定义CSS文件在Bootstrap CSS之后加载。

如果您愿意,请使用较高的百分比,但要低于100%的字体将使字体更小。

body{
font-size: 110%;
}

You could add additional font-size in your CSS but ensure your custom CSS file is loaded after the Bootstrap CSS.

Use a higher percentage if you like but going below 100% will make the font even smaller.

body{
font-size: 110%;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文