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

移動端設(shè)計稿和實際開發(fā)時設(shè)備分辨率的問題?

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

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

小白求大佬解惑。

回答
編輯回答
眼雜

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

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

2017年6月1日 09:53