font-size用VW来写的方法

font-size用VW来写的方法

 2016-03-24 22:02    网页设计   标签：代码   2894    发表评论

我们做网页写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; }