1、困扰多时的问题 在这之前做Web App开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640 * 1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置，例
分类：
移动开发 时间：
2016-03-22 16:14:37
阅读次数：
243
/* CSS Document *//*<h1>树懒啊<em>闪电啊</em>慢慢慢</h1> <p>兔子啊<code>啦啦啦</code>一二三</p>*/ html{ font-size:62.5%; 【默认16px，10/16=0.625 相当于10px】 } h1{ font-size:3e
分类：
Web程序 时间：
2016-03-19 08:51:12
阅读次数：
256
最近阅读白树的博文《移动web资源整理》时，他在博文中有一段指出，如果html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸单位，同时给出了一段针对各个分辨率范围在html上设置font-size的代码： 在实际项目中，把与元素尺寸有关的css，如width,height,line-heig
分类：
其他好文 时间：
2016-03-17 16:00:28
阅读次数：
235
px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 PX特点 em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 EM特点 注意：任 意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1
分类：
其他好文 时间：
2016-03-15 10:49:05
阅读次数：
357
移动端开发中，使用gulp.spritesmith进行小图sprite并生成样式，但由于spritesmith默认是以px为单位，所以就把插件的内容修改了下让生成rem单位并且能把background-size设置为雪碧图的宽高。 1.首先修改gulp.spritesmith\node_module
分类：
其他好文 时间：
2016-03-14 13:45:03
阅读次数：
144
px：相对长度，相对于屏幕分辨率； em：相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为
分类：
Web程序 时间：
2016-03-11 23:58:58
阅读次数：
444
2016-03-11 17:32国内的前端大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？px特点：1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px...
分类：
Web程序 时间：
2016-03-11 23:43:39
阅读次数：
201
CSS的4种长度单位，注意长度单位中间不允许有空格，2em就是无效的。em(font-size:2em)是一个大致与一个字符高度相同的单位px(font-size:12px)是一个像素的单位pt(font-size:12pt)是一个磅的单位%(font-size:80%)是一个百分比任意浏览器的默认字体高都是16px。所有未经调整的浏..
分类：
Web程序 时间：
2016-03-10 01:56:32
阅读次数：
731
em rem 相对单位: 也可用于设置padding line-height等em相对当前容器的默认字体设置比如,所有浏览器默认字体都是16px,body{ font-size:62.5%}以后即1em=10px; 1.2em=12px 在线转换tool: http://pxtoem.com/em(
分类：
其他好文 时间：
2016-03-09 13:00:15
阅读次数：
136
$th = $("<th>增加的列头</th>"); $col = $("<td>增加的列</td>"); $("#tab1>thead>tr").append($th); $("#tab1>tbody>tr").append($col); $("#tab1 tr :last-child").rem
分类：
其他好文 时间：
2016-03-08 16:24:29
阅读次数：
139
