1、PX ：像素（Pixel） PX是相对长度单位，它是相对于显示器屏幕分辨率而言的。 优缺点：比较稳定和精确，但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况。 2、EM：是相对长度单位。 EM是相对于父元素来设计字体大小的。如果当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺 ...
分类：
Web程序 时间：
2017-02-04 10:53:46
阅读次数：
194
http://blog.csdn.net/ljianhui/article/details/43601495?ref=myread 一、像素（px）与屏幕分辨率 1）px（Pixels ，像素）：对应屏幕上的实际像素点。例如，320*480的屏幕在横向有320个象素，在纵向有480个象素。 2）屏幕 ...
分类：
移动开发 时间：
2017-02-03 21:53:26
阅读次数：
335
最近开发微信小程序，在写样式表的时候发现用PX的效果不太理想，而官方文档用rpx来做响应式布局单位，就仔细研究了下，在此做个小总结： 这里先引用官方定义的尺寸单位‘rpx’：可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则 ...
分类：
微信 时间：
2017-01-24 12:40:56
阅读次数：
442
在微信小程序开发中，大家尽量使用rpx为单位, px实际上就是系统级的rem（把页面按比例分割750份，1rpx=window.innerWidth/750），或者scale伸缩布局的width=750。也就是说，微信小程序的rpx布局帮大家把rem布局的js设置根元素字体尺寸这步省了，用rpx就减 ...
分类：
微信 时间：
2017-01-23 15:11:52
阅读次数：
5403
用bootsrap响应式布局的时候，遇到个很恶心的问题：左边栏很短很难看！！ 于是，想用js来自动改变左边的高度，没成功！！原来是设置的时候，没加单位，坑爹了。 参考：http://blog.sina.com.cn/s/blog_3d8c704c0101145y.html 设置高度的时候，加上px ...
分类：
Web程序 时间：
2017-01-22 23:35:32
阅读次数：
765
1、px：像素，精确显示 2、em：继承父类字体的大小，相当于“倍”，如：浏览器默认字体大小为16px=1em，始终按照div继承来的字体大小显示，进场用于移动端 em换算工具：http://www.runoob.com/tags/ref-pxtoemconversion.html 3、rem：与e ...
分类：
Web程序 时间：
2017-01-20 19:26:02
阅读次数：
182
这个6.4就是根据设计稿的横向宽度640来确定的，假如你的设计稿是750 那么 html.style.fontSize = windowWidth / 7.5 + 'px'; (1)至此，font-size的基础值就确定好了，而且知道该font-size值是手机deviceWidth跟设计稿的比例值 ...
分类：
移动开发 时间：
2017-01-20 14:47:23
阅读次数：
215
插入音频embed（HTML5新增的标签）<embedsrc="多媒体文件地址"width="播放界面的宽度"height="播放界面的高度"/>width和height使用px作为单位。插入背景音乐bgsound(backgroundsound)<bgsoundsrc="背景音乐的地址"/>注意：使用bgsound加入背景音乐与使用embed加入..
分类：
其他好文 时间：
2017-01-18 23:44:32
阅读次数：
225
今天我们来讲一下css中最常用到的三种字体单位：px,em和rem。px是相对长度单位，它的大小是相对屏幕分辨率来说的，em和rem就不一样了，简而言之，就是它们的字体大小是由参照物来决定的。对于em,它的参照物呢，就是父级的字体，也就是说，它的大小始终是根据父级的字体大小来调整的，而rem是CSS ...
分类：
Web程序 时间：
2017-01-17 21:34:03
阅读次数：
301
在css中的字体单位主要以px、em、rem为主.其中px也就是像素，是一种字体长度，它的长度是相对于显示器的品目分辨率而言的。一般情况下在浏览器中默认字体的大小是16px。其中em是相对字体。em的值不是固定不变的它的字体大小相对于父级元素的字体的大小而定的。而rem虽然也是相对字体，但是它的大小 ...
分类：
Web程序 时间：
2017-01-17 20:05:02
阅读次数：
213
