在CSS中，有一个极其实用的功能：@media 响应式布局。具体来说，就是可以根据客户端的介质和屏幕大小，提供不同的样式表或者只展示样式表中的一部分。通过响应式布局，可以达到只使用单一文件提供多平台的兼容性，省去了诸如浏览器判断之类的代码。当然这种设计也存在着缺点，比如我所见的不少使用响应式布局的设...
分类：
Web程序 时间：
2015-06-09 19:05:51
阅读次数：
128
随着现在各种终端的快速发展，做出一些能够适应不同分辨率、不同平台、不同屏幕大小的网页尤为重要，而所谓响应式布局，就是能够自适应用户的显示器大小，呈现出合适的布局，让用户在不同规格的显示器下依然能体验良好。为了达到这样的效果，我们需要写出对应的几套样式。在CSS3中有个实用的media query，即...
分类：
其他好文 时间：
2015-06-08 23:16:51
阅读次数：
173
移动端重构的时候，常见图文居中分两种，一种是这样图片跟文字呈上下结构的这种比较简单，在这里就不详细说了。今天群里有人问到了另外一种的，类似这样的，图片与文字呈左右结构的，并且图文水平垂直居中大致意思就是，图片跟文字是左右结构，图片可以根据屏幕大小变化，右边文字有可能一行，有可能多行，都要求在那个方框...
分类：
移动开发 时间：
2015-06-03 13:17:39
阅读次数：
156
Android把屏幕大小分成四种：small, normal, large, xlarge;
屏幕密度分成：low(ldpi), medium(mdpi), high(hdpi), extra high(xhdpi)；各个屏幕密度之间的关系如下：
密度名称
密度的参考值(dpi)
关系
对应的屏幕分辨率 xxxhdpi
640dpi
xxhdpi
480d...
分类：
移动开发 时间：
2015-06-02 20:16:31
阅读次数：
150
我目前移动Web开发遇到的bug以及解决方案（慢慢补充当中）。1.android4.0以上一部分手机的webview中，当canvas小于屏幕大小时，绘图时会出现重影，就是说一个图只绘制了一遍，却出现了两个。解决方案：canvas外层的div需要设定属性style="overflow:visible...
分类：
移动开发 时间：
2015-06-01 14:33:15
阅读次数：
140
Android-应用程序资源
一 资源
value资源：
string：字符串
color：颜色
颜色配置
A R G B
FF0000FF
dimen：尺寸
px：像素
m：英寸
pt：点距
mm：毫米
dp：密度无关像素，根据屏幕大小动态的缩放 dp = dip，长宽高用dp 5dp
sp：范围无关像素，与屏幕大小无关，字体用sp 16sp...
分类：
移动开发 时间：
2015-05-30 09:27:15
阅读次数：
141
随着ios设备的增多，不同尺寸的屏幕给开发者适配打来困扰，特别是一个全屏的图片，如何适配不同的机型呢，这里介绍一个方法，供大家参考：
nsdictionary *LaunchImages = @{@"480":@"launchImage-700",@"568":@"launchImage-710",@"667":@"launchImage-720",@"736":@"launchI...
分类：
移动开发 时间：
2015-05-27 21:09:58
阅读次数：
125
适用于所有屏幕大小的设计固定宽度的静态网站很快被灵活的响应式设计所取代，该设计可以根据屏幕大小进行上扩和下扩。利用响应式设计，无论您采用什么设备或屏幕来访问网 站，都可以呈现一个可用的界面。响应式设计可以响应各种屏幕大小，因此也成为了 “前瞻性” 的网站，屏幕将随着新的智能手机和平板电脑的问世而快速...
分类：
Web程序 时间：
2015-05-27 15:43:33
阅读次数：
156
实例017 慢慢放大的窗口
实例说明
本实例实现在窗口打开时，将窗口安装指定的大小放在屏幕中间，并使窗口不断放大，直到窗口大小与屏幕大小相同为止。
技术要点
本实例主要应用screen对象的availWidth和availHeight属性来获取屏幕工作区域的宽度和高度，并用window对象的resizeTo（）方法来指定窗口的位...
分类：
编程语言 时间：
2015-05-25 13:04:18
阅读次数：
222
为了更好的用户体验，百度会对于在移动端浏览体验较差的网站进行转码，转码之后，相对来说会比不转码要好，但是有些网站是不需要进行转码的，例如已经做了对应的手机站或者是当初在写网站的时候用的是html5语言，可以根据客户端的大小自动视频屏幕大小，这个时候就不需要百度再进行转码了，下面是禁止百度对网站进行转...
分类：
Web程序 时间：
2015-05-24 10:05:12
阅读次数：
109
