html中响应式字体怎么写,bootstrap如何设置响应式字体⼤
⼩？
bootstrap如何设置响应式字体⼤⼩？下⾯本篇⽂章给⼤家介绍⼀下Bootstrap 4设置响应式字体⼤⼩的⽅法。有⼀定的参考价值，有需要的朋友可以参考⼀下，希望对⼤家有所帮助。
Bootstrap v4.3引⼊了响应字体⼤⼩(RFS)，您可以在SCSS编译器中启⽤它。如果你正在为你的项⽬编译CSS，我强烈建议你打开它。
如果您从CDN加载Bootstrap，您将⽆法利⽤这些RFS规则。那么如果您是直接引⽤的CSS⽂件可⽤下⾯的⽅式为Bootstrap 4设置响应式字体：@media (max-width: 1200px) {
legend {
font-size: calc(1.275rem + 0.3vw);
}
h1,
.h1 {
font-size: calc(1.375rem + 1.5vw);
}
h2,
.h2 {
font-size: calc(1.325rem + 0.9vw);
}
h3,
.h3 {
font-size: calc(1.3rem + 0.6vw);
}
h4,
.h4 {
font-size: calc(1.275rem + 0.3vw);
}
.display-1 {
font-size: calc(1.725rem + 5.7vw);
}
.
display-2 {
font-size: calc(1.675rem + 5.1vw);
}
.display-3 {
font-size: calc(1.575rem + 3.9vw);
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
}
.close {
bootstrap项目font-size: calc(1.275rem + 0.3vw);
}
}
将上⾯的CSS复制到您⽹站的CSS(加载Bootstrap CSS之后)即可实现响应式字体，其中1200调整为您的窗⼝尺⼨值。更多bootstrap的相关知识，可访问：web前端⾃学！!

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。