尺寸根据设备
小问题,我找不到任何答案。 有没有办法做到这一点?
我有3个不同大小的元素。 一个是30px,另一个是22px,其他是16px。 现在,当使用平板电脑检查这些元素时,由于需要使用固定高度的容器,因此它们会失去极限。 有没有办法,使用媒体查询,减少他们的字体大小根据设备,而不是一个一个做? 喜欢它在桌面上是100%,在平板电脑上是80等。
非常感谢你。
您可以在CSS中使用视口宽度和高度:
.vwHeight {font-size: 5.9vw;}
同样的预览会是:
更多关于Viewport Sized Typography的信息。
您可以使用vw
, vmax
, vmin
或em
这里有很多可以帮助您的CSS单元。
例如:-
.block {font-size: 5vw;}
要么
.block {font-size: 5vmax;}
你应该去下面的链接,我相信它会帮助你。
网址
链接地址: http://www.djcxy.com/p/87529.html