首先,px是最常用的单位,一般用于PC端开发,而rem能等比例适配所有屏幕,通常用于响应手机端。
rem是相对于根部而言,em相对于父级元素而言,1rem=根部元素所定义的大小。任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。若用em单位,为了在代码编写过程中,操作简单,通常做一个转换,在此不做具体说明。
结果如下:
首先,px是最常用的单位,一般用于PC端开发,而rem能等比例适配所有屏幕,通常用于响应手机端。
rem是相对于根部而言,em相对于父级元素而言,1rem=根部元素所定义的大小。任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。若用em单位,为了在代码编写过程中,操作简单,通常做一个转换,在此不做具体说明。
结果如下: