gpt4 book ai didi

较小设备上的 CSS 字体大小缩放

转载 作者:行者123 更新时间:2023-11-28 01:58:11 25 4
gpt4 key购买 nike

在 CSS 中,如何根据设备缩放字体大小?

我一直遇到大标题在较小的设备上被截断的问题,见下图:

enter image description here

我知道我可以使用 CSS 媒体查询为较小的设备手动设置较小的字体大小。但是,我想知道自动实现此目的的最佳方法是什么?

我应该使用 px、pt、%、rem、vw 等吗?

最佳答案

/* Tablet:768px. */
@media (min-width: 768px) and (max-width: 991px) {
h1 {
font-size: 26px;
}
}

/* Mobile :320px. */
@media (max-width: 767px) {
h1 {
font-size: 24px;
}
}

您可以在响应式设备中根据需要增大或减小字体大小。

关于较小设备上的 CSS 字体大小缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49499840/

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