Css - 动态字体大小

标签 css

我们正在为一个学校元素开发一个网站:这个网站也必须在移动设备(和平板电脑)上可用。
我们已经实现了这个目标,除了 font-size 的问题:我们已经通过 @media query 手动设置了这个属性。

是否有一种方法可以在不使用百分比的情况下使字体大小动态化?

谢谢

最佳答案

如果我理解你的问题,你应该考虑这个选项:

.yourClass {
    font-size: 2.0vw;
}

这意味着 viewport 宽度的 2.0%。也可以使用 2.0vh(2.0% 视口(viewport)高度)

关于Css - 动态字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24286905/

相关文章:

html - 将字体粗细更改为粗体会无意中改变元素的宽度

javascript - Fyneworks jQuery 星级评分插件 - 一半评分

css - 嵌套计算操作

css - 在窗口调整大小之前部分不可见

html - CSS 网格行的增长比预期的要大

Javascript、URL 解析、条件 CSS 样式。在导航菜单上显示

html - Flexbox 使图像调整大小以匹配文本高度

css - 消除 HTML/CSS 中图像之间的间隙

javascript - 将 Div 容器与 Display Flex 的底部对齐

html - 悬停时更改固定高度的 div 的背景