gpt4 book ai didi

javascript - 使用 vw 的响应式排版?

转载 作者:行者123 更新时间:2023-11-27 22:50:49 26 4
gpt4 key购买 nike

我正在尝试使页眉标题流畅地缩放到正确的字体大小。从桌面到移动。使用 vw 是正确的方法吗?如果是这样,有人有关于如何完成响应式标题的备忘单吗?

.responsive-header {
font-size: 2vw;
}

<Title className="responsive-header">
Resonsive header. Should shrink depending on screen size
</Title>

Edit competent-banach-1ymic

最佳答案

在响应式设计中,rem 和 Em 的使用已针对字体大小进行了标准化。所以你可能想改用它们中的任何一个。了解有关相对长度的更多信息 here

虽然您的代码可能只是这样做。但是我如何制作响应式 header 是

.responsive-header {
width: 100vw;
font-size: 2rem;
}

<Title className="responsive-header">
Resonsive header. Should shrink depending on screen size
</Title>

关于javascript - 使用 vw 的响应式排版?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59454255/

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