<分区>
<分区>
有什么办法可以改变<h1>的文字大小吗？当它出现在超小或小屏幕尺寸时标记？
因为 <h1>有自己的默认尺寸，对于中号尺寸来说是正常尺寸，但对于小号和特小号来说非常大。
当它变成小屏幕尺寸或超小屏幕尺寸时，我想更改该尺寸。
最佳答案
您可以创建自定义 .css 文件(例如:site.css)，然后使用 @media 在不同的屏幕尺寸上创建不同的行为。要在 Bootstrap 中覆盖 h1 类，您必须在 Bootstrap 之后包含您的自定义 css。下面是 site.css 中 h1 的例子:
h1 {
/* Extra small devices (phones, less than 768px) */
font-size: 10px;
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
font-size: 12px;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
font-size: 16px;
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
font-size: 18px;
}
}
这是bootstrap目前使用的@media规则，官方文档可见here .
关于css - 响应式 Bootstrap 时更改 <h1> 标签的大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45343195/