N_D_A 2023-02-10 21:42 采纳率: 80%
浏览 35
已结题

前端css文字自适应问题

实现文字大小随容器大小变化,除了css计算,有没有直接实现的属性值?

  • 写回答

2条回答 默认 最新

  • 社区专家-Monster-XH 2023-02-10 22:06
    关注

    CSS 提供了一个可以直接实现文字大小随容器大小变化的属性值:vw 和 vh。

    vw (Viewport Width) 单位表示文字大小相对于当前视口宽度的百分比,例如:font-size: 5vw 表示文字大小为当前视口宽度的 5%。

    vh (Viewport Height) 单位表示文字大小相对于当前视口高度的百分比,例如:font-size: 2.5vh 表示文字大小为当前视口高度的 2.5%。

    你可以根据需要选择使用 vw 或 vh 单位,来实现文字大小随容器大小变化的效果。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月18日
  • 已采纳回答 3月10日
  • 创建了问题 2月10日

悬赏问题

  • ¥20 画CAD几张图片内容如下1111111111111111111111111111111111111111111
  • ¥15 基于python的电影系统推荐
  • ¥20 springmvc重定向和返回json
  • ¥15 数学建模——参会安排怎么做
  • ¥15 电脑键盘实现触摸功能
  • ¥25 matlab无法将表达式转换为双数组怎么解决?
  • ¥15 单片机汇编语言相关程序
  • ¥20 家用射频美容仪技术规格
  • ¥15 大家帮我看看为什么错了
  • ¥15 unity互动琴弦抖动效果