小伙伴们，你们听说过多少？我们在前端切图项目中用到的有px，em，rem，vh，% 其他基本没用到过了。特别是vh ，特别好用。 附所有css单位，应该是最全的了 px：绝对单位，页面按精确像素展示 em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字 ...
分类：
Web程序 时间：
2017-06-24 19:50:26
阅读次数：
174
一、N多的唠哩唠叨 CSS3中一些新的单位早在去年春暖花开的时候就介绍了，参见：CSS长度值及时间、频率、角度单位。显然，其中就提到了本文要感叹的单位vw, vh，见下图： 不过“我看见你”和“我触碰你”是不一样的。正好，机缘巧合，最近又与这两个单位想见。大致琢磨了下，貌似vh这个单位可以实现我以前 ...
分类：
其他好文 时间：
2017-06-14 12:55:31
阅读次数：
184
vh:相对于视窗的高度，那么vw:则是相对于视窗的高度。 “视区”所指为浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。 详细vh的用法，大家可以参考http://www.zhangxinxu ...
分类：
其他好文 时间：
2017-06-13 19:47:51
阅读次数：
249
单位介绍 说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmi ...
分类：
Web程序 时间：
2017-05-18 13:31:09
阅读次数：
267
vh是CSS3中的相对长度单位，表示相对视口高度（Viewport Height），视口被均分为100单位的vh，即1vh = 1% * 视口高度。 可以用来解决主体内容不足以撑起视口的剩余高度时，页面底部留白太多的尴尬问题。 demo: 页面效果： ...
分类：
其他好文 时间：
2017-04-05 17:37:57
阅读次数：
146
RPM是RedHat Package Manager（RedHat软件包管理工具）的缩写 ?rpm的常用参数 i：安装应用程序（install） e：卸载应用程序（erase） vh：显示安装进度；（verbose hash） U：升级软件包；（update） qa: 显示所有已安装软件包（quer ...
分类：
其他好文 时间：
2017-04-03 21:58:38
阅读次数：
218
1.主要介绍几个移动端常用的单位rem、vw、vh，配合传统的px、百分比、<viewport>标签，兼容适配移动端的各种分辨率的手机端。 rm : 这个单位是以父元素为标准来进行计算 ， 例如：父元素 font-size:16px; 子元素 ： font-size:0.875em ; 则子元素 f ...
分类：
移动开发 时间：
2017-03-07 19:40:31
阅读次数：
702
说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmin和vma ...
分类：
移动开发 时间：
2017-03-07 13:20:35
阅读次数：
347
说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmin和vma ...
分类：
移动开发 时间：
2017-03-07 08:36:52
阅读次数：
278
