如何用css3控制字体大小自适应

如果你设置 font-size:10vw; 就代表一个文字占屏幕宽度的10%;如果你设置 font-size:20vw; 就代表一个文字占屏幕宽度的20%;这样文字就可以随屏幕的大小而自动适应 不过这个属性ios可以兼容,安卓并不兼容。
如何用css3控制字体大小自适应
css3中有很多新的单位,其中一个是vw 。
如果你设置 font-size:10vw; 就代表一个文字占屏幕宽度的10%;
如果你设置 font-size:20vw; 就代表一个文字占屏幕宽度的20%;
这样文字就可以随屏幕的大小而自动适应

不过这个属性ios可以兼容,安卓并不兼容。2015-10-10
mengvlog 阅读 8 次 更新于 2025-07-21 14:52:47 我来答关注问题0
  •  受灾rGF82NG63 dreamweaver中怎么让网页自适屏幕,达到满屏效果

    2、不使用绝对宽度 由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。 具体说,CSS代码不能指定像素宽度: width:xxx px; 只能指定百分比宽度: width: xx%; 或者 width:auto; 四、相对大小的字体 字体也不能使用绝对大小(px),而只能...

  •  白脸老道 用CSS3 box-flex 无法实现三栏垂直布局,上下层固定,中间层自适变化

    box属性是一行分多列,而你的需求相当于三行,因此,使用box不适合。建议:使用3个长度100%的主div进行布局;使用CSS定位控制(position属性)固定上下两个div 。至于居中(因为是100%的长度,居中没有意义,如果主div的宽度小于100%则需要类似下面的css进行控制):.box{ width:960px; margin:0 ...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部