网页设计常用相对单位（网页的基本单位）
本文目录一览：
彻底弄懂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的宽度。
px是什么单位?
1、px是分辨率的单位，是英语单词pixel的缩写，意为像素。像素是指在由一个数字序列表示的图像中的一个最小单位，称为像素。像素是分辨率的单位，分辨率越高，那么显示效果就越精细和细腻。
2、px是pixel的缩写，是像素单位，也是为影像显示的基本单位，译自英文“pixel”。pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“画像元素”之意，有时亦被称为pel。
3、像素单位，也为影像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“画像元素”之意，有时亦被称为pel（picture element）。
4、PX是pixel的缩写，中文意思是“像素”，是相对长度。举一个简单的示例：在计算机桌面上800 * 600的情况下，设置了800 * 600的图片，无论显示器有多大，整个图片都会被整个显示屏充满。
5、px是像素的尺寸。PX是Pixel的缩写，也就是说像素是指基本原色素及其灰度的基本编码，由Picture和Element这两个单词的字母所组成的，如同摄影的相片一样，数码影像也具有连续性的浓淡阶调。
PT和PX的区别
1、代表单位不同。px代表的是像素单位，em代表的是相对单位，pt代表的是绝对单位。作用不同。px可以在计算机屏幕上，能达到预期的效果，在打印机和其它的高分辨率设备上，它又能取得所希望的效果。
2、pt和px的区别是：px就是表示pixel，像素，是屏幕上显示数据的最基本的点。而pt就是point，是印刷行业常用单位，等于1/72英寸。px是一个点，它不是自然界的长度单位可以画的很小，也可以很大。
3、应用图标的单位是 pt（point），而系统图标的单位是 px（pixel）。pt 是一个相对长度单位，它不是像素，而是屏幕上某个元素的物理尺寸大小。具体来说，在 iPhone 6 上，1pt 等于约 0.5px 的尺寸。
4、同样px的元素在不同分辨率的显示器中会呈现为不同的大小；pt：point，是一个标准的长度单位（一般音译为磅），1pt＝1/72英寸，主要用于印刷业，同样pt的元素在不同的打印机中打印出来大小都是一样的。
5、米、厘米、毫米和磅。而最常用的单位即厘米，直观并通用。pt是磅单位，属于大小单位，1mm=63磅；而px是像素点单位，他只针对文字的清晰度设置而用，只有大于96像素时文字才会因设置数置大了而变大。
6、px：屏幕的实际像素。一般不用它作为单位，因为它会在不同的设备显示相同的效果。in：英寸。mm：毫米。pt：磅。1/72英寸。dp和sp能够自动的随屏幕的变化而变化。
