小问题,我找不到任何答案 . 有没有办法做到这一点?
我有3个不同大小的元素 . 一个30px,另一个22px,另一个16px . 现在,当使用平板电脑检查这些元素时,它们会受到限制,因为我需要让我的容器具有固定的高度 . 有没有办法,使用媒体查询,根据设备减少他们的字体大小,而不是一个接一个地做?喜欢桌面100%,平板电脑80等 .
非常感谢你 .
您可以在CSS中使用视口宽度和高度:
.vwHeight {font-size: 5.9vw;}
同样的 preview 将是:
有关Viewport Sized Typography的更多信息 .
您可以使用 vw , vmax , vmin 或 em 这里有很多可以帮助您的CSS单位 .
vw
vmax
vmin
em
例如:-
.block {font-size: 5vw;}
要么
.block {font-size: 5vmax;}
你应该使用以下链接,我相信它会帮助你 .
URL
2 回答
您可以在CSS中使用视口宽度和高度:
同样的 preview 将是:
有关Viewport Sized Typography的更多信息 .
您可以使用
vw
,vmax
,vmin
或em
这里有很多可以帮助您的CSS单位 .例如:-
要么
你应该使用以下链接,我相信它会帮助你 .
URL