长度单位
像素:px
- 像素是我们在网页中最常用的一个单位。
一个像素就是我们屏幕中的一个小点,我们的屏幕实际上是由一个个足够小的像素点构成的,一般不能用肉眼直接看见。
- 不同显示器中一个像素的物理尺寸也不尽相同。
一般地,像素的物理尺寸越小,显示效果越好,反之显示效果相对差。
问题:手机屏幕像素的物理尺寸大约是电脑屏幕像素的25%,我们在开发过程中要特别注意。但手机浏览器一般会自动将你设置的像素值乘以4再进行渲染。
百分比:50%
30%
n%
- 将单位设置为百分比的形式
浏览器将会根据其父元素的样式来计算该值。
- 使用百分比的好处
当父元素的属性值发生变化时,子元素也会按照比例自动改变。
- 在创建一个自适应的页面时,经常使用百分比作为单位。
em
em
和百分比有异曲同工之妙。
它是相对于当前元素的字体大小来计算的。
1em
=1*font-size
例如:font-size: 16px;
,那么1em
= 16px,2em
= 32px
- 使用
em
时,当字体大小改变时,em
也会随之改变。
- 当设置字体相关样式时,经常会使用
em
。
如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/24.html