@media screen and (min-width:640px) {
/*屏幕大于640像素应用该样式*/
}
@media screen and (min-width:460px) and (max-width:640px) {
/*屏幕小于640大于460像素应用该样式*/
}
@media screen and (max-width:460px) {
/*屏幕小于460像素应用该样式*/
}
1、物理分辨率
物理分辨率也叫标准分辨率，是指LED显示屏显示的图像原始分辨率，也叫真实分辨率。和物理分辨率对应的是压缩分辨率，决定图像清晰程度的是物理分辨率，决定显示屏的适用范围的是压缩分辨率。
物理分辨率即LED液晶板的实际分辨率，在LED液晶板上通过网格来划分液晶体，一个液晶体为一个像素点。那么，输出分辨率为1024×768 时，就是指在LED液晶板的横向上划分了1024个像素点，竖向上划分了768个像素点。
物理分辨率越高，则可接收分辨率的范围越大，则显示屏的适应范围越广。通常用物理分辨率来评价LED显示屏的档次。
物理分辨率：显示屏的最佳分辨率，即屏幕实际存在的像素行数乘以列数的数学表达方式，是显示屏固有的参数，不能调节，其含义是指显示屏最高可显示的像素数。
2、逻辑分辨率
逻辑分辨率是显示屏分辨率。
两者间由 Scale Factor（缩放因子） 计算得到，通常 物理分辨率 >逻辑分辨率，而 物理分辨率 * 缩放因子 = 逻辑分辨率；但在使用 台式电脑、和 笔记本 的情况下 物理分辨率 = 逻辑分辨率。
扩展资料：
1、物理分辨率：是硬件所支持的。
=设备像素（是物理概念，指的是设备中使用的物理像素。
比如iPhone 5的分辨率640 x 1136px。）
=物理尺寸（屏幕的实际大小。）
2、逻辑分辨率：软件可以达到的。
=逻辑尺寸（CSS像素是Web编程的概念，指的是CSS样式代码中使用的逻辑像素。在CSS规范中，长度单位可以分为两类，绝对(absolute)单位以及相对(relative)单位。px是一个相对单位，相对的是设备像素(device pixel)。）
=css像素（比如iPhone 5使用的是Retina视网膜屏幕，使用2px x 2px的 device pixel 代表 1px x 1px 的 css pixel，所以设备像素数为640 x 1136px，而CSS逻辑像素数为320 x 568px。）
正确理解 物理分辨率和逻辑分辨率：
以ios的为例，
640*960、640*1136等这些都是物理尺寸或是物理分辨率。
而下面的320*480、320*568等这些都是逻辑分辨率或是逻辑尺寸。
从另外的角度来说：分辨率就是屏幕上横、纵的总象素点数。
如果我们设计的时候用单位px，可以说是物理分辨率尺寸。
如果我们设计的时候用单位pt，可以说是逻辑分辨率尺寸。
首先需要增加css像素、设备像素/物理像素的分辨率，然后提高像素密度PPI、像素比DPR的比值，这样就可以增加物理分辨率以及计算分辨率。
因为想要增加物理分辨率就需要提高css像素和设备独立像素、逻辑像素，css中使用的像素是一个抽象的概念，单位是px，px是一个相对单位，并不是绝对单位。
这个不用多解释，相信大家做前端开发的，对这个概念是非常了解的，设备像素又称物理像素，屏幕的物理像素在每个设备出厂时已经被固定好，任何设备屏幕的物理像素都是固定不变的。
物理像素的单位是pt（点），pt（点）是一个绝对单位，物理像素一般指的是设备的分辨率，1pt = 1/72英寸inch。
像素密度（PPI）表示每英寸（面积上的）像素（设备像素）的数量，PPI是一个定值，是一个固定参数；PPI的值越高，表示在一定尺寸的屏幕上像素数量越多，同一尺寸下，PPI增加了n倍，物理像素会增加n^2倍，同时每个物理像素的大小会缩小1/n^2倍。
