鍍金池/ 問(wèn)答/HTML5  室內(nèi)設(shè)計(jì)  HTML/ 移動(dòng)端設(shè)計(jì)稿和實(shí)際開發(fā)時(shí)設(shè)備分辨率的問(wèn)題?

移動(dòng)端設(shè)計(jì)稿和實(shí)際開發(fā)時(shí)設(shè)備分辨率的問(wèn)題?

看了某篇文章,說(shuō)如果移動(dòng)端設(shè)計(jì)稿是按640做的,那么在dpr為2.0的設(shè)備下,最好放在320*568的環(huán)境下開發(fā)(也就是640的環(huán)境下) , 那么這是什么意思。

按640做的設(shè)計(jì)稿,不是放在640* xxx 的環(huán)境下來(lái)開發(fā)嗎? 為何放在320 , 那么是不是說(shuō)明,設(shè)計(jì)稿的尺寸,代表的是設(shè)備像素, 因?yàn)樵O(shè)備像素 / 2 才等于320 ?

小白求大佬解惑。

回答
編輯回答
眼雜

設(shè)計(jì)用的2倍尺寸 也就是說(shuō)設(shè)計(jì)用的640px是設(shè)備的物理像素

而例如iPhone5,如果做移動(dòng)端設(shè)置了視口width=device-width, initial-scale=1那么得到的視口的CSS像素大小是320px,即寬度是320px。

2017年6月1日 09:53