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

html-css018

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

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

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

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

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

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

只是字体变大吗?还是整个页面都变大?

只是字体变大,那估计就是浏览器自身的问题。或者浏览器有忽视CSS字体,自己设置字体的功能。如果这样,需要用户自己去设置自己的手机了。

你坚持好自己的标准就行了。