#不是原创的#原文来源在底部
1.pxpx=pixel的缩写，表示像素。 px是设备或照片中最小的点。 如果像素为1024x768，则水平方向为1024像素的点，垂直方向为768像素的点。 是网页设计中常用的单位，也是基本单位。 可以在px中设置固定的布局或元素大小。 缺点：不灵活。 2.rpx rpx是用于解决微信小程序可适配的画面尺寸的尺寸单位。 (rpx=responsive pixel )可以根据画面的宽度适应。 微信程序规定屏幕宽度为750rpx。 宽度相当于将屏幕宽度设置为750份的气氛，一份为1rpx。 (~ 3.em参考物与亲元素font-size相似，具有继承特征。 如果您自己定义了字体大小，则浏览器的默认字体为16px。 整个页面上1em不是固定值。 特征1 ) em值不恒定； 特征2:em继承父元素的字体大小。 像1em=1倍的父要素font-size的值、2em=2倍的父要素font-size的值这样…… 4.rem rem对于根要素来说是html。 也就是说，只要对根要素设定参照值，就能够将html设计为10px的大小，此时能够设定1.2rem，5.%一般来说，对于父元素：
典型的对齐因素是指我们理解的父元素相对于位置： absolute； 的元素是位置： Flex； 的元素是vw=view width的缩写，相对于ViewPort (可视窗口)6.vw css3中的新单位，指向可视窗口的宽度。 如果宽度是1200px的话。 像那个100vw是1200px，10vw是120px这样……列举一下，浏览器宽度为1200px，1vw=1200px/100=12px。 7.vh和vw相似(都类似于百分比的含义) ) ) )。
cs3新单位，vh=view height的缩写是指可视窗口的宽度。 假设宽度为1200px，则100vh为1200px，10vh为120 px……举个例子，浏览器的高度为1200px，1vh=1200px/100=12px。 8.vm CSS3的新单位分为视口宽度或高度中的较小者，最小者均分为100个vm。 举板栗吧。 浏览器高度为900px，宽度为1200px，浏览器高度最小，1vm=900px/100=9px不兼容，建议使用9.some emmm。 例如，我根据rem诚意根要素font-size计算出的px的值有小数，最终成为零分数px。 有些浏览器可能只渲染与零点px相对应的物理像素，而其他浏览器则干脆显示1px。 因此，宽度因具有相同rem值的dpr设备而异。 最常见的是挡板，某些设备特别宽且不协调。 也就是说，这是经典的1px挡板问题。
这个问题的解决方案也有很多。 可以设置1px，并为每个dpr设置不同的缩放比例。 当然，也有其他方案。 这里我只是想谈谈rem带来的一些问题。
10 .像素比和宽度比： dpr是装置像素比，即css的装置无关像素px和物理像素的比
宽度比：适合开发的设备宽度(目前一般为iphone6)，与实际设备宽度之比
综上所述，像素比实现高清，宽度比实现适配
这是我自己重写的，不是原创的。 原作者声明如下。 版权声明：本文为博客原创文章，遵循CC 4.0 BY-SA版权协议。 转载请附上原文来源的链接和本声明。 原始文章链接： https://blog.csdn.net/weixin _ 42941619/article/details/104612783