使用rem的原因 以前有些适配做法，通过js动态计算viewport的缩放值（initial-scale）。 以屏幕320像素为基准，设置1，那屏幕375像素就是375/320=1.18以此类推。 这样强制页面缩放过于粗暴，会导致页面图片文字失真模糊。 Px是相对固定单位，字号大小直接被定死，所以用 ...
分类：
其他好文 时间：
2018-10-18 19:46:11
阅读次数：
381
1.px：绝对单位，页面按精确像素展示 2.em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。 3.rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算。 4.%:百分比 ...
分类：
Web程序 时间：
2018-10-18 14:06:18
阅读次数：
169
1.fr：是一个弹性尺寸单位，其来自 "fraction" 或 "fractional unit" 单词的前两个字母，表示整体空间的一部分。可以帮助我们创建一个弹性的网格轨道。它代表了网格容器中可用的空间。 2.px：(pixel)像素，相对长度单位。像素px是相对于显示器分辨率而言的 特点： （1 ...
分类：
Web程序 时间：
2018-10-16 13:52:35
阅读次数：
136
恢复内容开始 一.单位 1.px就是一个基本单位 像素 2.em也是一个单位 用父级元素的字体大小乘以em前面的数字。如果父级没有就继承上一个父级直到body，如果body没有那就默认是16px。 3.rem也是一个单位，只跟根节点<html>的字体大小有关，如果没有默认是16px. 4.line- ...
分类：
Web程序 时间：
2018-10-16 13:49:57
阅读次数：
136
—.单位 1.px 就是一个基本单位 像素 2.em 也是一个单位 用父级元素的字体大小乘以 em 前面的数字。如果父级没有就继承上一个父级直到body，如果body没有那就默认是16px。 3.rem 也是一个单位，只跟根节点<html>的字体大小有关。如果没有默认就是16px.。 4.line- ...
分类：
Web程序 时间：
2018-10-16 13:43:31
阅读次数：
106
开发小程序时对小程序怎么适配有疑惑，后来看官方文档想明白了，在此记录一下。 做小程序时，设计给的设计稿的尺寸是750*1334，以iphone6 为标准，屏幕尺寸是375px，此时1rpx = 0.5px； 小程序的官方文档中有写到： 从上边的图中可以看出，在不同的设备下，rpx换算成不同的px，意 ...
分类：
微信 时间：
2018-10-15 14:51:41
阅读次数：
493
1. 程序启动图标（icon launcher） 放在mipmap-*dpi下，文件名为ic_launcher.png L DPI ( Low Density Screen，120 DPI )，其图标大小为 36 x 36 px M DPI ( Medium Density Screen, 160 ...
分类：
移动开发 时间：
2018-10-15 14:46:41
阅读次数：
217
px:单位代表像素，1px代表一个像素点。 百分数：设置子元素为父容器的占比。 em：代表该元素中一个字体所占字符，常用在文字首行缩进。其具有继承性。 rem：始终代表html中的字符所在位置。 vm:1vm代表占据视窗宽度的百分之1. wh：1vh代表占据视窗高度的百分之1. vmax:选取vh和 ...
分类：
Web程序 时间：
2018-10-13 22:47:22
阅读次数：
282
1.CSS单位px，em，fr，rem的比较 px：相对长度单位。像素（Pixels），计算机屏幕上的一个点。 em：相对长度单位。相对于当前对象内文本的字体尺寸。1em等于当前的字体尺寸，2em等于当前字体尺寸的两倍。 fr：剩余空间分配数。被用于在一系列长度值中分配剩余空间，如果多个已指定了多个 ...
分类：
其他好文 时间：
2018-10-13 18:17:27
阅读次数：
142
px ：px是像素，是相对长度单位，是相对于显示器屏幕分辨率而言的。 px的特性是属于绝对数值，它不受外围单位影响。 em ：em是相对的数值单位，它会受到外围的文字大小所影响，而1em即是1倍的文字大小，1.5em也就是1.5倍的文字大小。它的单位长度是根据元素的文本垂直长度来决定的，可以作用在w ...
分类：
Web程序 时间：
2018-10-13 16:53:50
阅读次数：
259
