网页设计em和px（网页设计p）
本文目录一览：
彻底弄懂css中单位px和em,rem的区别
1、px：绝对单位，页面按精确像素展示。em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。
2、rem也是相对的文字尺寸，和em使用方法接近，不同的是他仅相对于root层级的文字大小（网页中的html）。以这个范例来说，此网站的文字大小是16px，rem的尺寸就是以16px为基准，故下方的1rem会与16px相同尺寸。
3、px是你屏幕设备物理上能显示出的最小的一个点，这个点不是固定宽度的，不同设备上点的长宽、比例有可能会不同。
4、rem 是 CSS3 新增的一个相对单位（root em，根 em），使用 rem 为元素设定字 体大小时，仍然是相对大小，但相对的只是 HTML 根元素。
5、px 是像素（Pixel），这个好理解吧？em 是指当前元素所使用的字体中大写字母M的宽度。
6、px、em、rem、都是计量单位，都能表示尺寸。px为“绝对尺寸”，也并非真正的绝对。em、rem这两者都是相对尺寸，但两者的相对的对象不同，前者相对于父元素的字体尺寸，后者相对于根元素的字体尺寸。
前端css中单位em和px的区别
1、em是以字为单位，1em是占一个字符的宽度，大小随着字符的字号而变化。px是像素，是对所有浏览器都显示为一样大小的。一般在p标签的text-indent：2em表示首行缩进两个字符。
2、px表示像素 （计算机屏幕上的一个点：1px = 1/96in），是绝对单位，不会因为其他元素的尺寸变化而变化；em表示相对于父元素的字体大小。em是相对单位 ，没有一个固定的度量值，而是由其他元素尺寸来决定的相对值。
3、px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。（引自CSS0手册）em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
关于字体大小px和em的区别
另外一个px点的长宽不一定是1：1的正方形，有的设备上长宽比是不一样的。em尺寸：所有现代浏览器下默认字体尺寸是16px，这时1em=16px。
px 全称是pixel（像素），相对长度单位，相对于屏幕分辨率而言的。特点：IE无法调整使用px作为单位的字体大小；em是基于基数来计算出来的相对字体大小 特点：①em是相对长度单位，相对于当前对象内文本的字体尺寸。
px：绝对单位，页面按精确像素展示。em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。
