px em rem
2018-03-29 本文已影响0人
蘑菇酱960903
px:相对于显示屏幕的分辨率,px的大小不能随着屏幕的放大缩小,用px做手机端开发的话,可能会导致看不清楚;所有浏览器都兼容;px是固定大小的,再怎么调整字体大小都是不变的
em:相对于父元素的字体大小,适合手机端开发,不同浏览器的em的大小不一样,较低版本ie不支持
rem:与em类似,会继承根元素的字体大小,例如html的默认字体大小是16px,那么1rem = 16px
px:相对于显示屏幕的分辨率,px的大小不能随着屏幕的放大缩小,用px做手机端开发的话,可能会导致看不清楚;所有浏览器都兼容;px是固定大小的,再怎么调整字体大小都是不变的
em:相对于父元素的字体大小,适合手机端开发,不同浏览器的em的大小不一样,较低版本ie不支持
rem:与em类似,会继承根元素的字体大小,例如html的默认字体大小是16px,那么1rem = 16px