这里我们先谈第一个问题坐标矩阵变化实现布局自适应。选取基准尺寸通常你需要选择一个基准的屏幕尺寸,象现在开发的应用也需要跨平台在iOS(iPhone/iPad)/Android都可以运行,我这边选取的是iphone4的屏幕尺寸:
480 * 320. 设计师设计的GUI的素材时就是按照这个尺寸来设计。...
分类:
其他好文 时间:
2014-05-22 00:53:05
阅读次数:
396
今天制作了一个响应式导航条,能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式,这里主要用到的就是CSS3的Media
Query。具体可以查看浅谈响应式布局这篇文章,这里就不花费大量的篇幅介绍了,主要看一下这个导航条该怎么做。另外需要提到的是,ie6-ie8是不支持CSS3的Me...
分类:
Web程序 时间:
2014-05-18 19:33:42
阅读次数:
403
转自:http://blog.csdn.net/w8666666/article/details/8190002double x =
SystemParameters.WorkArea.Width;//得到屏幕工作区域宽度double y =
SystemParameters.WorkArea.He...
分类:
其他好文 时间:
2014-05-17 03:04:17
阅读次数:
228
js获取网页的各种高度,例如可见区域、正文以及屏幕分辨率的高度的方法。有关document的一些属性:网页可见区域宽:
document.body.clientWidth网页可见区域高: document.body.clientHeight 网页可见区域宽:
document.body.offset...
分类:
Web程序 时间:
2014-05-15 21:59:31
阅读次数:
433
最近团队里项目开发APP时,其中有个界面要用到WebView来显示,而不用原生的控件。开发这个界面的时候遇到一个问题,就是Android的碎片化导致有众多屏幕分辨率,不同分辨率的屏幕对这个界面WebView内的控件大小兼容的问题。由于Android原生控件大小是由dp控制,而不是像素px,所以在不同...
分类:
移动开发 时间:
2014-05-14 13:05:50
阅读次数:
318
本文完全是翻译与总结谷歌官方的教程,已确保文档的正确性。
免得大家被五花八门的其他的资料弄混了,也没有系统行的学习。
一、设置窗口尺寸和适配屏幕分辨率
谷歌官方文档提到两个大的方面。
1.Viewport视图窗口
这个是html中设置的。主要是设置高度和宽度,还有初始的比列。这个宽度与高度将绝对html里面CSS中有多少个像素可用。
Viewport的宽度与屏幕的宽度没有决定性...
分类:
移动开发 时间:
2014-05-11 22:10:26
阅读次数:
386
double x =
SystemParameters.WorkArea.Width;//得到屏幕工作区域宽度double y =
SystemParameters.WorkArea.Height;//得到屏幕工作区域高度double x1=
SystemParameters.PrimaryScre...
分类:
其他好文 时间:
2014-05-08 15:40:31
阅读次数:
517
1.屏幕分辨率是指屏幕可显示的最高像素数目。
2.屏幕尺寸显而易见,是指其面积。
3.另外还有一个术语叫“点距”,就是屏幕上像素与像素之间的距离,也就是代表单位面积内像素点数目的一个值
屏幕尺寸和点距都一定时,屏幕的分辨率才一定。当两项中有一项发生变化,那么分辨率就会发生变化。
4.在ios开发中,我们的非retain屏,就用原来像素。比如说分辨率为:320*480,那么它的屏...
分类:
其他好文 时间:
2014-05-07 06:16:44
阅读次数:
243
在xml布局文件中,我们既可以设置px,也可以设置dp(或者dip)。一般情况下,我们都会选择使用dp,这样可以保证不同屏幕分辨率的机器上布局一致。但是在代码中,如何处理呢?很多控件的方法中都只提供了设置px的方法,例如setPadding,并没有提供设置dp的方法。这个时候,如果需要设置dp的话,...
分类:
移动开发 时间:
2014-05-05 12:38:30
阅读次数:
424