首页 > 建站教程 > CSS3+HTML5 >  逻辑分辨率和物理分辨率区别正文

逻辑分辨率和物理分辨率区别

逻辑分辨率和物理分辨率区别
逻辑分辨率和物理分辨率区别

    最近很多人在做响应式和手机站时,用到media查询时,老是搞不清为什么手机分辨率那么大,而media查询的尺寸又那么小,这是因为没有搞清楚逻辑分辨率和物理分辨率区别。下面是转载自知乎的一篇文章,希望对大家有帮助。
    物理分辨率:硬件所支持的
    逻辑分辨率:软件可以达到的
    在iphone3gs的时候,逻辑分辨率是320*480,物理分辨率也是320*480iphone4出了之后,逻辑分辨率和3gs一样是320*480,显示的内容是一样多的,但是物理分辨率变成了640*960,原来在3gs的一个像素内容,在iphone4上则填充了4个像素,因此虽然内容显示还是一样多,但是iphone4s的屏幕精细度比3gs高了2倍,像素倍率是2.iphone5/5s/SE逻辑分辨率是320*568,和iphone4相比,逻辑分辨率宽度不变,高度增加了,所以相比iphone4,宽度内容显示一样多,但是高度内容增加。而物理分辨率是640*1136,像素倍率和iphone4/4s一样,是2倍iphone6的逻辑分辨率是375*667,比iphone4/4s/5/5s/SE逻辑分辨率都要大,所以显示的内容更多。物理分辨率是750*1334,所以和上边谈到的机型一样,仍然是2倍的像素倍率iphone6plus逻辑分辨率是414*736,物理分辨率是1080*1920,像素倍率约等于2.6.   渲染像素是1242*2208。做设计图的时候,也是假设1242*2208的物理分辨率(3的倍率)来做图的,系统会把图片压缩到1080*1920。所以6plus做设计图的尺寸1242*2208是基于假设,实际物理分辨率是1080*1920。据说是因为产能还有耗电的考虑,以后性能提升,也许会直接用1242*2208