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

html-css019

如何用css3控制字体大小自适应,第1张

css3中有很多新的单位,其中一个是vw 。

如果你设置 font-size:10vw就代表一个文字占屏幕宽度的10%;

如果你设置 font-size:20vw就代表一个文字占屏幕宽度的20%;

这样文字就可以随屏幕的大小而自动适应

不过这个属性ios可以兼容,安卓并不兼容。

js的没看到现成代码弄这个,原理也不难判断窗口大小再js修改字号就行了。

如果不管ie9一下的话css3的viewpoint能行,有人研究过了,你去看看他的这个文章:

http://blog.csdn.net/dyllove98/article/details/9246397