CSS单位的大概描述

第一个:px

毫无疑问,当年第一次学习的单位就是1px,俗称像素
如果有人用过PS就应该知道图片的方格就是一个一个的px拼起来的
再直白一点,我的笔记本屏幕就是1920px X 1080px算出来的

第二个:rem

这个rem其实取决于html,他的价值就在于你用的时候都是20px或者25px。现在你用的时候直接一个2rem或者2.5rem
总之,rem相当于秦始皇统一天下!在html里面为总公司。

html{
   font-size:10px
}

span{
   font-size:1rem
}

第三个:em

挺反感的一个单位,它取决于你当前的父级来计算的!。
如果父亲里面还有儿子的儿子的儿子,那他就像贷款一样!利滚利越来愈多。非常不好


    
    

失败1

失败2

CSS单位的大概描述_第1张图片

第四个:vw 和 vh

一个响应式的单位!他是用1-100开始计算的,比如说左侧导航就可以靠他分分钟解决当前的高度
CSS单位的大概描述_第2张图片

第五个:vmin 和 vmax

这个是为移动端开发,很少用这个。他的意思是用iphone5这种小手机时候宽度百分百,但是玩游戏屏幕横过去了。他还是那么小。因为它的宽度取决于小的宽屏

而大的vmax毋庸置疑,当平板挺大的他宽度撑开还是100%!但是突然小了,他的图片就成了一个拖拽式图片。只能滑动全才能看完

image

你可能感兴趣的:(css)