媒体查询(media queries)是响应式设计(Responsive Web Design简称RWD)必不可少的一部分。
媒体查询有两个关键词min-width和max-width, 接触过媒体查询的同学可能会认同我， 这两个关键词很绕；从字面上理解它们可能不那么容易，以至于我每次都需要在脑海里面不断演算，然后小心翼翼地测试效果（大概和写正则表达式的感觉差不多）。
需要提醒一下的是CSS的优先级概念，在样式表中越后的样式优先级越高，就是后面的样式会覆盖前面的样式。在这个例子中，我们先设定了默认颜色为灰色。如果width大于960px的，会显示灰色。
假设width为750px，会先匹配到灰色，再匹配红色，最终显示了橙色。由于width等于750px，它不在0-550px和0-320px这个范围，浏览器不会解析这些样式。
用if else来判断，给<script>设置一个ID，再根据setAttribute改变src的属性。
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
.class{}
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
.class{}
}
分辨率可以从显示分辨率与图像分辨率两个方向来分类。
显示分辨率（屏幕分辨率）是屏幕图像的精密度，是指显示器所能显示的像素有多少。由于屏幕上的点、线和面都是由像素组成的，显示器可显示的像素越多，画面就越精细，同样的屏幕区域内能显示的信息也越多，所以分辨率是个非常重要的性能指标之一。
可以把整个图像想象成是一个大型的棋盘，而分辨率的表示方式就是所有经线和纬线交叉点的数目。显示分辨率一定的情况下，显示屏越小图像越清晰，反之，显示屏大小固定时，显示分辨率越高图像越清晰。
图像分辨率则是单位英寸中所包含的像素点数，其定义更趋近于分辨率本身的定义。
苹果手机和itunes同步方法：1、电脑上安装好最新版的itunes。
2、将iPhone 用原配USB数据线与电脑连接起来，然后打开电脑上的 iTunes 软件。
3、等待 iTunes 识别出来 iPhone 以后，点击 iTunes 软件右上方的“iPhone”按钮（不要点倒三角图标，那是弹出 iPhone 功能）。
4、设置要同步的内容：将铃声、音乐、书籍、应用程序等拖动到 iTunes中。
4、然后在itunes上的 iPhone 管理界面摘要中，点击底部的“同步”按钮。
5、itunes软件会提示是否要把 iPhone 中的语音备忘录同步到 iTunes 上的资料库，请点击“是”按钮。
6、最后等待同步完成即可。
