尺寸根据设备

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

我有3个不同大小的元素。 一个是30px,另一个是22px,其他是16px。 现在,当使用平板电脑检查这些元素时,由于需要使用固定高度的容器,因此它们会失去极限。 有没有办法,使用媒体查询,减少他们的字体大小根据设备,而不是一个一个做? 喜欢它在桌面上是100%,在平板电脑上是80等。

非常感谢你。


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

.vwHeight {font-size: 5.9vw;}

同样的预览会是:

更多关于Viewport Sized Typography的信息。


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

例如:-

.block {font-size: 5vw;}

要么

.block {font-size: 5vmax;}

你应该去下面的链接,我相信它会帮助你。

网址

链接地址: http://www.djcxy.com/p/87529.html

上一篇: size according to device

下一篇: Change font size to fit a variable width container