css中的一些问题

一、1rem、1em、1vh、1px各自代表的含义?

rem:是全部的长度都相对于根元素<html>元素。通常做法是给html元素设置一个字体大小,然后其他元素的长度单位就为rem。

em:子元素字体大小的em是相对于父元素字体大小

元素的width/height/padding/margin用em的话是相对于该元素的font-size

vw,vh:全称是 Viewport Width 和 Viewport Height,视窗的宽度和高度,相当于 屏幕宽度和高度的 1%,不过,处理宽度的时候%单位更合适,处理高度的 话 vh 单位更好。

px: px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

二、画0.5px的线

transhfrom:scale(0.5)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 移动端适配问题 1.前端开发常用单位 1.1 像素 <!-- 1.什么是像素(Pixel)?在前端开发中视口的水平...
    煤球快到碗里来阅读 3,405评论 0 0
  • 本文主要是对Rem介绍与小结。 学习与参考了以下文章: AlloyTeam---移动web适配利器-remw3c-...
    coderLfy阅读 6,995评论 0 9
  • 目前使用的像素单位有:px,em,rem,vw,vh px px即像素,是图像的基本采样单位。对于不同的设备,它的...
    向前端看齐的安小艳阅读 3,961评论 0 0
  • CSS中有许多设置长度单位的属性,除了经常使用的px,em之外,还有一些不太经常使用的,但是作为一个前端工程师,也...
    SCQ000阅读 7,490评论 2 51
  • px px就是pixel像素的缩写,相对长度单位,网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的 ...
    JLong阅读 3,541评论 0 0