我创建了一个表格,在页面的开头显示标题。如果标题的长度较大,它会显示两行,看起来很糟糕,所以请告诉我有没有办法根据长度减小字体大小的标题。
第一种方法:您可以使用media-queries
:
@media screen and (max-device-width : 320px)
{
body or yourdiv element
{
font:<size>px/em/cm;
}
}
@media screen and (max-device-width : 1204px)
{
body or yourdiv element
{
font:<size>px/em/cm;
}
}
第二种方法:可以根据屏幕的屏幕大小手动给它。只需看看不同的屏幕大小并手动添加字体大小。
然后,您可以使用em
或%
。此外,CSS3有一些新的值,相对于当前视口尺寸大小的东西:vw
,vh
,和vmin
。请参阅相关链接。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句