单位介绍 说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了。然后随着手机的流行,web app和hybrid app的开发,都用到了css3技术,在css3中,新增了许多单位,rem、vw和vh、vmi ...
分类:
Web程序 时间:
2017-05-18 13:31:09
阅读次数:
267
遇到的问题及注意事项: 1、offset属性的值是数字,没有‘px’单位。 2、element.style只能获取内联式CSS的属性及用element.style.*=‘ ’设置的属性。非内联式CSS的属性使用element.getAttribute()方法获取。 ...
分类:
Web程序 时间:
2017-05-15 13:10:32
阅读次数:
241
{ "px_to_rem": 40, //px转rem的单位比例,默认为40 "max_rem_fraction_length": 6, //px转rem的小数部分的最大长度。默认为6。 "available_file_types": [".css", ".less", ".sass",".html ...
分类:
Web程序 时间:
2017-05-14 18:09:12
阅读次数:
196
rem是css3引入的新的单位,与px和em相对比,我感觉rem更加便利,尤其是对移动端的字体自适应布局。 rem是根据HTML的字体大小进行设置的。 而HTML的基本字体大小是16px,所以可以加入如下代码: 这样设置的意思是将HTML的font-size设置为10px,方便计算。 然后就可以可以 ...
分类:
移动开发 时间:
2017-05-12 22:10:24
阅读次数:
234
参考文档: https://github.com/amfe/lib-flexible https://github.com/amfe/article/issues/17 自我总结:Flexible自动获取到手机的屏幕宽度,然后分成10份,1个rem=1/10屏幕宽度。然后所有的px转换成rem。 转 ...
分类:
移动开发 时间:
2017-05-12 11:33:42
阅读次数:
246
ccanvas默认的宽高占位是:300*150 px 所以当你画一个普通的举行,你指定的宽高小于默认宽高的时候,通过审查元素发现周围都是空白的。 ...
分类:
其他好文 时间:
2017-05-11 17:09:53
阅读次数:
172
android:text 定义组件的显示文字 android:maxLength 最大允许长度 android:textColor 文本颜色 android:textSize 文字大小(px,pt,in,mm,dip,sp) android:textStyle 文字显示的样式,粗体、斜体等(正常:n ...
分类:
其他好文 时间:
2017-05-11 09:20:50
阅读次数:
148
定义数学表达式calc()是calculate计算的缩写,它允许使用+、-、*、/这四种运算符,可以混合使用%、px、em、rem等单位进行计算兼容性:IE8-、safari5.1-、ios5.1-、android4.3-不支持,android4.4-4.4.4只支持加法和减法。IE9不支持用于backround-position[注意]+和-运算符两边一..
分类:
Web程序 时间:
2017-05-10 14:44:51
阅读次数:
179
1、em与px的问题 px是何物? px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册) PX特点 1 ...
分类:
其他好文 时间:
2017-05-09 16:56:03
阅读次数:
148
dp(dip): device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个,不依赖像素。 dp也就是dip,这个和sp基本类似。 如果设置表示长度、高度等属性时可以使用dp 或sp。 ...
分类:
移动开发 时间:
2017-05-09 16:53:51
阅读次数:
178