长度单位

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章

像素: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