响应式网页设计,是一种正在流行的网页开发思想,它是利用灵活可变的栅格系统,令网页的显示模式可以根据访问设备的屏幕尺寸规格而进行自适应。预计2015年的时候,移动端的用户数量将会从目前的8亿,增长到19亿,而这也意味着目前我们为桌面浏览器而设计的网页,将会在他们的手机和平板上呈现出非常糟糕的使用体验。...
分类:
Web程序 时间:
2014-05-26 18:22:53
阅读次数:
279
这里我们先谈第一个问题坐标矩阵变化实现布局自适应。选取基准尺寸通常你需要选择一个基准的屏幕尺寸,象现在开发的应用也需要跨平台在iOS(iPhone/iPad)/Android都可以运行,我这边选取的是iphone4的屏幕尺寸:
480 * 320. 设计师设计的GUI的素材时就是按照这个尺寸来设计。...
分类:
其他好文 时间:
2014-05-22 00:53:05
阅读次数:
396
1、什么叫响应式网页设计响应式Web设计(Responsive Web
design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS
media query的使用等。无论用户正...
分类:
移动开发 时间:
2014-05-13 18:46:35
阅读次数:
482
android中获取屏幕的长于宽,参考了网上有很多代码,但结果与实际不符,如我的手机是i9000,屏幕大小是480*800px,得到的结果却为320*533
结果很不靠谱,于是自己写了几行代码,亲测一下
测试参数:
测试环境: i9000(三星)
物理屏幕:480*800px
density :1.5
测试代码:
[java] view
...
分类:
移动开发 时间:
2014-05-11 07:17:48
阅读次数:
422
相信大家都知道,现在市面上手机的屏幕尺寸多种多样,2.8寸、3.0寸、3.2寸、3.5寸、4.0寸、4.2寸、4.5寸等等,随之而来的手机分辨率也千差万别,有240*320像素、320*480像素、480*800像素、640*960像素等等,其中480*800像素和640*960像素是主流的,但智能...
分类:
移动开发 时间:
2014-05-08 20:42:26
阅读次数:
468
说实话,第一次听到“响应式图标”我也觉得怪怪的,正如不久之前,人们为了让图标字体更适合不同设备,而更改它们的大小一样,但是这一想法却让响应式设计以及图标设计有了长足的进步。他是什么?响应式设计图标并不是说图标大小会随屏幕尺寸的变动而改变,而是意味着图标会根据自己所处何种设备来改变自身大小。这就意味着...
分类:
Web程序 时间:
2014-05-08 19:02:06
阅读次数:
421
1.屏幕分辨率是指屏幕可显示的最高像素数目。
2.屏幕尺寸显而易见,是指其面积。
3.另外还有一个术语叫“点距”,就是屏幕上像素与像素之间的距离,也就是代表单位面积内像素点数目的一个值
屏幕尺寸和点距都一定时,屏幕的分辨率才一定。当两项中有一项发生变化,那么分辨率就会发生变化。
4.在ios开发中,我们的非retain屏,就用原来像素。比如说分辨率为:320*480,那么它的屏...
分类:
其他好文 时间:
2014-05-07 06:16:44
阅读次数:
243
当我们建立网站的时候,我们一般从定义正文开始。正文的定义显示了你的主栏有多宽,其它几栏的大小就随它自己内容定义了。直到最近,各种屏幕分辨率或多或少是同质化的。如今,我们要处理各种屏幕尺寸和分辨率。这让处理变得更复杂。为了防止给每个可能的屏幕尺寸做不同的层级设计,很多网页设计师会采用响应式设计网站的概...
分类:
其他好文 时间:
2014-04-29 11:23:46
阅读次数:
333
对于一个显示设备,数据的更新率正比于画面的像素数和色彩深度的乘积。在嵌入式Linux系统中,受处理器资源配置和运算能力的制约,当使用大分辨率显示时(如在一些屏幕尺寸较大的终端上,往往需要640×480以上),需要降低显示的色彩深度。否则,由于数据处理负担过重会造成画面的抖动和不连贯。这时,调色板技术...
分类:
系统相关 时间:
2014-04-27 16:47:15
阅读次数:
1187