长度单位

CSS的font-size属性

有几种不同的方法可以在CSS中声明字体大小。总的来说,这些单位分为两类——相对和绝对。**绝对单位**(大多)是固定的,并且涉及到一些物理的测量。他们一旦被声明,将不能通过改变其他元素的字体大小来改变他的大小。**相对单位**没有一个客观的测量。相反,它们的实际大小是通过父元素的尺寸来确定的。这意味着他们的大小可以通过改变相关元素的大小来改变。

Rem VS Px

在网络中充满了资源告诉你用相对长度emrem来代替像素,因为它们会使你的设计更容易。几乎我所知道的所有的前端工程师(包括我自己)多年来都盲目的追随这些指示,这在行业中也变成了一个约定俗成的标准。最近我做了一些调查研究,完全改变了我对这两个相对单位的看法。从现在开始我将不会再使用rem并且只会在非常特殊的用例中才会使用em。在这篇文章中我将分享我的观察结果,希望可以说服你结束我们挚爱的rem单位,最终没有回退的使它进入我们的工具(鉴于IE8死的慢),但是变得毫无用处支持更受欢迎的CSS参考像素。

CSS的长度单位

CSS的长度单位,大家看得最多的就是像素单位(px)还有就是百分比单位,可是未曾想到,除了这两 个单位还有很多我们不熟悉的,甚至是没有见过的单位,比如说rem、vw、vh等等。当然有些单位现在在各浏览器下还不友好,但是我想将来会像px一样使用起来,这样就能解决一些px之类单位无法实现的功能。今天由Jekst根据的英文文章原名《The Lengths of CSS》进行翻译,给大家带来一篇有关于CSS的长度单位介绍的文章,希望大家喜欢。

CSS3的REM设置字体大小

在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是,仍然有不同的利弊,使各种技术都不太理想,但又无法不去用。真是进也难,退也难呀。

CSS中强大的EM

使用CSS也好久了,但一直都是在使用“px”来设置Web元素的相关属性,未敢使用“em”。主要原因是,对其并不什么了解,只知道一点概念性的东西,前段时间在项目中要求使用“em”作为单位设置元素,所以从头对“em”学习了一回。稍为有一点理解,今天特意整理了一份博文与大家一起分享,希望对童子们有些许的帮助。

页面

返回顶部