1.WindowManager wm = (WindowManager) getContext() .getSystemService(Context.WINDOW_SERVICE); int width = wm.getDefaultDisplay(...
分类：
移动开发 时间：
2014-11-26 16:11:45
阅读次数：
152
CSS3的Media Queries能够检测到的特性总结：视口（viewport）解释地址：http://baike.baidu.com/view/1522985.htmwidth：视口宽度的检测height：视口高度的检测device-width：设备屏幕宽度（设备渲染平面宽度）的检测device...
分类：
其他好文 时间：
2014-11-23 15:49:48
阅读次数：
201
一、首先要认识下：屏幕密度ppi
ppi pixles percent inch 每英寸的像素数
ppi = 水平方向的像素数 / 屏幕宽度
例如：3.7in 480 x 800
3.7 * 3.7 = 3x*3x + 5x * 5x
宽度： 3 * 0.63 = 1.89
PPI ? 480 / 1.89 = 254
规定：ppi是1...
分类：
其他好文 时间：
2014-11-21 12:42:02
阅读次数：
205
一、首先要认识下：屏幕密度ppippipixlespercentinch每英寸的像素数ppi=水平方向的像素数/屏幕宽度例如：3.7in480x8003.7*3.7=3x*3x+5x*5x宽度：3*0.63=1.89PPI?480/1.89=254规定：ppi是160，标准屏幕密度mdpi240hdpi二、dp和px的转化dp和px换算公式：1dp=当前屏幕密度/160*1px..
分类：
其他好文 时间：
2014-11-21 10:52:05
阅读次数：
157
允许网页宽度自动调整"自适应网页设计"到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1....
分类：
Web程序 时间：
2014-11-19 18:33:22
阅读次数：
262
随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达...
分类：
Web程序 时间：
2014-11-17 22:36:54
阅读次数：
340
在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。在页面里面使用元素时千万不要使...
分类：
其他好文 时间：
2014-11-15 23:08:45
阅读次数：
264
像素密度，即每英寸屏幕所拥有的像素数，像素密度越大，显示画面细节就越丰富。像素密度=√{（长度像素数^2+宽度像素数^2）}/ 屏幕尺寸注：屏幕尺寸单位为英寸 例：分辨率为1280*720 屏幕宽度为6英寸 计算所得像素密度约等于245
分类：
其他好文 时间：
2014-11-15 10:00:17
阅读次数：
109
今天跟大家分享一个瀑布流网页布局,先跟大家分析下实现的思路吧主要思路：一、根据屏幕宽度和单个浮动层的宽度来确定浮动层列数 var $boxs = $("#main>div") var boxw = $boxs.eq(0).outerWidth(); var ...
分类：
Web程序 时间：
2014-11-10 13:41:56
阅读次数：
159
进行移动web开发已经有一年多的时间了，期间遇到了一些令人很困惑的东西。比如：我们经常使用的里的viewport究竟是什么意思，这里的device-width跟我们用JS获取到的屏宽的区别与联系分别是什么，为什么去掉标签后页面会变得很小很小？为什么很多分辨率很大的屏幕宽度其实并不大，屏幕分辨率与用J...
分类：
其他好文 时间：
2014-11-01 11:36:08
阅读次数：
240
