首页 文章

根据设备的动态字体大小

提问于
浏览
0

小问题,我找不到任何答案 . 有没有办法做到这一点?

我有3个不同大小的元素 . 一个30px,另一个22px,另一个16px . 现在,当使用平板电脑检查这些元素时,它们会受到限制,因为我需要让我的容器具有固定的高度 . 有没有办法,使用媒体查询,根据设备减少他们的字体大小,而不是一个接一个地做?喜欢桌面100%,平板电脑80等 .

非常感谢你 .

2 回答

  • 0

    您可以在CSS中使用视口宽度和高度:

    .vwHeight {font-size: 5.9vw;}
    

    同样的 preview 将是:

    有关Viewport Sized Typography的更多信息 .

  • 2

    您可以使用 vwvmaxvminem 这里有很多可以帮助您的CSS单位 .

    例如:-

    .block {font-size: 5vw;}
    

    要么

    .block {font-size: 5vmax;}
    

    你应该使用以下链接,我相信它会帮助你 .

    URL

相关问题