2013-08-17 113 views
2

所以我即將創建一個iPad的全屏遊戲。視網膜顯示屏(新iPad)的分辨率爲2048 x 1536像素,而舊iPad的分辨率爲1024x768像素。IPad視網膜分辨率與正常分辨率

我的問題是,我應該將容器div的寬度設置爲2048像素,然後使用媒體查詢根據窗口寬度更改不同HTML元素的尺寸和位置?我將會使用很多絕對定位,我不確定新老iPad之間的工作方式。

或者視網膜顯示仍然會在媒體查詢中返回1024?

另外,我是否需要兩組圖像?一組用於視網膜顯示的圖像和一組用於舊iPad顯示屏的圖像(大小的一半)?

我有些困惑。感謝您向我解釋這一點。

+0

我認爲你會從閱讀本文中獲益:http://www.quirksmode.org/mobile/viewports.html。基本上,你在CSS中指定的像素實際上是獨立於設備的。 –

回答