font-size用VW来写的方法

 2016-03-24 22:02

我们做网页写css代码的时候,通常会在最前面写一个通用选择符。有时候为了字体的计算,我们会将文章采用10px字体。写起来就像这样:

*{ margin: 0; padding: 0; border: none; font-size: 10px; }

在制作响应式主题时,我们会根据所需屏幕的进行变化,并且采用VW(View-Width)来实现。

比如我们准备开发一个宽度为640的网页,而基础字体我们设置为10px。那么我们就可以这样计算:10/640=0.015625。因为vw是一个百分比,所以再乘以100,变成1.5625vw。

转变后,我们的代码就变成这样:

*{ margin: 0; padding: 0; border: none; font-size: 1.5625vw; }


作者头像

作者:紫铜炉

自由博主,网页设计师。我关注科技产品和个人博客发展,注重用户体验和界面优化。

 发表评论: