px:单位代表像素(计算机屏幕上的一个点)。
%：设置子元素为父容器的占比。
em：代表该元素中一个字体所占字符，常用在文字首行缩进。其具有继承性。
rem：使用rem同em一样皆为相对字体大小单位，不同的是rem相对的是HTML根元素。。
fr：并没有具体的值，代表一个均分单位，例如：在水平上只分出1fr，则1fr代表整个视窗宽度，
如分成3个1fr，则1fr代表视窗宽度的1/3.
px:单位代表像素(计算机屏幕上的一个点)。
%：设置子元素为父容器的占比。
em：代表该元素中一个字体所占字符，常用在文字首行缩进。其具有继承性。
rem：使用rem同em一样皆为相对字体大小单位，不同的是rem相对的是HTML根元素。。
fr：并没有具体的值，代表一个均分单位，例如：在水平上只分出1fr，则1fr代表整个视窗宽度，
如分成3个1fr，则1fr代表视窗宽度的1/3.