如: set a 1 ex 10 , 10秒有效 Set a 1 px 9000 , 9秒有效 注: 如果ex,px同时写,以后面的有效期为准 如 set a 1 ex 100 px 9000, 实际有效期是9000毫秒 nx: 表示key不存在时,执行操作 xx: 表示key存在时,执行操作 例: ...
分类:
其他好文 时间:
2016-05-16 19:36:46
阅读次数:
136
PX特点: 1 .IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3.Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕 ...
分类:
其他好文 时间:
2016-05-15 02:33:34
阅读次数:
234
1、 max-width用在pc端页面,max-device-width用在移动设备上 2、 device-pixel-ratio 设备像素比 3、设备自己单位-物理单位dp/dip css像素 px 设备像素比是1 1px == 1dp/1dip 设备像素比是2 1px == 4dp/4dip 设 ...
分类:
移动开发 时间:
2016-05-15 02:28:34
阅读次数:
305
其实我就是想说px和em的区别,网上资料其实一堆堆,但是还不如自己试验总结的清楚。前端高手可能觉得这玩意简单,但是作为小猫,还是好好学一下。 下面一点点说~~~ px和em都是长度单位,区别是,px的值是固定的,指定是多少就是多少,计算比较容易。em得值不是固定的,并且em会继承父级元素的字体大小。 ...
分类:
移动开发 时间:
2016-05-14 18:27:18
阅读次数:
278
屏幕都有固定的物理长宽度属性和分辨率 比如电脑、比如手机屏幕 例如有手机屏幕尺寸是1.5英寸x2英寸,屏幕分辨率为240x320, 那么可以推算水平方向每英寸的像素数(dpi)是:240/1.5=160,同样可以推算出竖直方向每英寸像素数 1px就是指屏幕上的一个像素点;屏幕成像原理是通过屏幕上密布 ...
分类:
其他好文 时间:
2016-05-14 16:44:27
阅读次数:
152
var oBox=document.createElement('div'); oBox.style.left=l+'px'; oBox.style.top=t+'px'; document.body.appendChild(oBox); ...
分类:
其他好文 时间:
2016-05-14 14:00:20
阅读次数:
93
看了几篇相关的博客,根据自己的实际开发,总结了一下。
首先要搞清楚,图片的分辨率单位是像素,也就是px,比如72x72的图片,就是长宽都是72px;手机屏幕的分辨率跟图片类似,但是它还有个很重要的指标:dpi,叫做像素密度,代表单位屏幕面积里面能够显示的像素数量(没记错的话是1平方毫米),其实说白了就是屏幕的清晰度,dpi值越大屏幕看上去越清晰。
为什么要适配?因为手机屏幕的dpi种类繁多,如...
分类:
移动开发 时间:
2016-05-13 03:38:25
阅读次数:
188
选择器注意
尽量不使用ID选择器
减少子选择器的层级(less和Sass的滥用)
使用组合CSS类选择器
兼容IE浏览器
兼容旧浏览器的代码,被称为hack代码
熟悉IE浏览器中常见的兼容样式
分离样式兼容代码
em,px,%
px:相对尺寸,但由于同环境,又是绝对尺寸 em:应用元素上字体大小的两倍,%:相对于父元素的百分比
尽量设置相对尺寸
只有在可预知元素尺寸的情况下才使用绝对尺寸
使用em设...
分类:
Web程序 时间:
2016-05-13 00:11:39
阅读次数:
151
Android屏幕适配方案总结 日常开发中,难免遇到屏幕适配的方案,网上也有很多方案,在这里本人只是做一个总结,以免日后使用
单位的概念
pt(point):磅,一个标准的固定长度单位,大小为1/72英寸,主要用于印刷与平面设计。1英寸=2.54厘米=72磅 1pt=0.03527cm
px(pixel):像素,组成屏幕图像的最小点,一个相对大小单位。同尺寸屏幕中像素越小越多,代表屏幕分辨率越高,...
分类:
移动开发 时间:
2016-05-12 23:29:24
阅读次数:
287
2.2APP的切图工作
最理想的情况是设计师给iOS APP和Android APP设计两套图片,实际中,设计师大都使用iPhone手机,没用过Android手机,且为了节约资源,设计师通常只按iOS APP的要求提供设计切图和标注尺寸。
以下是iPhone手机的屏幕尺寸和像素密度:
设备
屏幕尺寸
Reader
分辨率(px)
像素密...
分类:
移动开发 时间:
2016-05-12 19:21:39
阅读次数:
199