如果布局使用百分比宽度,在不同的显示器上效果可能不太一样。固定像素尺寸的网页是匹配固定像素尺寸显示器的最简单办法。将固定像素宽度转换对应的百分比宽度: 目标元素宽度/上下文元素宽度=百分比宽度em代替px主要是为了文字缩放。针对老版本IE,现在浏览器支持缩放像素为单位的文字了。优点:1.使用IE6....
分类:
其他好文 时间:
2015-11-11 20:49:51
阅读次数:
410
px像素(Pixel)。相对长度单位。像素px是相对于不同设备显示器屏幕分辨率(pad/phone/pc)而言的。(引自CSS2.0手册)1em指的是一个字体的大小,它会继承父级元素的字体大小,因此并不是一个固定的值。任何浏览器的默认字体大小都是16px。px相对的屏幕分辨率,而em相对于父级div...
分类:
其他好文 时间:
2015-11-09 18:25:11
阅读次数:
233
一、关于单位的使用可能在传统的PC端来说,1px=1px的比例。而在移动端却不是这样,1px = ?。 因为出现了一个像素密度这样个东西,就不能在移动端使用“PX”这个单位。可能在你的大屏手机是1px等于1点几个像素,可能在小屏手机却刚好。就好比网页的兼容性一样,浏览器的内核不同,解析当然会有所不同...
分类:
移动开发 时间:
2015-11-06 19:34:28
阅读次数:
187
一、基本概念 dip ? ? ? ?: Density?independent pixels ,设备无关像素。 dp ? ? ? ?:就是dip px ? ? ? ?: 像素 dpi?? ? ??:dots per inch , 直接来说就是一英寸多少个像素点。常见取值 ...
分类:
其他好文 时间:
2015-11-06 16:33:20
阅读次数:
336
一、基本概念 dip ? ? ? ?: Density?independent pixels ,设备无关像素。 dp ? ? ? ?:就是dip px ? ? ? ?: 像素 dpi ? ? ? :dots per inch , 直接来说就是一英寸多少个像素点。常见取值 12...
分类:
其他好文 时间:
2015-11-06 13:14:25
阅读次数:
280
1 2 3 4 5 6 7 注意点:1. frame大小通过rows,cols属性调节,可以是百分比,也可以是具体像素px,还能够支持通配符*2. 框架边框是否显示可以使用frameborder属性,也可以使用border属性; frameb...
分类:
Web程序 时间:
2015-11-05 22:29:05
阅读次数:
277
js:// JavaScript Documentfunction b(){ t = parseInt(x.css('top')); y.css('top','19px'); x.animate({top: t - 19 + 'px'},'slow'); //19为每个li的高度 if(Math.....
分类:
Web程序 时间:
2015-11-05 10:46:33
阅读次数:
497
.outerWidth( [includeMargin ] )中文API文档中是这样解释的:获取元素集合中第一个元素的当前计算宽度值,包括padding,border和选择性的margin。(愚人码头注:返回一个整数(不包含“px”)表示的值,或如果在一个空集合上调用该方法,则会返回 null。)它...
分类:
Web程序 时间:
2015-11-04 22:55:18
阅读次数:
194
1.适配基础知识屏幕尺寸 屏幕对角线的长度 单位 英寸 1英寸=2.54厘米 不太重要屏幕分辨率 横纵向上的像素点 单位 px 1px = 1像素点 分辨率越高 像素越好 纵向宽度 * 横向宽度 1920 * 1080屏幕像素密度 每英寸上的像素点数 单...
分类:
移动开发 时间:
2015-11-02 10:14:49
阅读次数:
245
对于作为一名前端开发人员,除了能够编写出满足需求的PC端页面之外,同时也是需要懂得怎么去制作移动web页面,毕竟使用移动设备来操作任何处理称为新时代的趋势,所以学好制作一个移动web时必须滴。于是通过学习和总结,将自己学到的一些技能总结一下!首先是移动像素,对于px应该都不会觉得陌生,这是css针对...
分类:
移动开发 时间:
2015-11-01 00:23:47
阅读次数:
269