iPad Retina显示屏仅使用1024个网页

Question

我有一个问题，我正在开发一个全高清（1920x1080）网站，我也希望能够在iPad视网膜显示器（2048x1536）上使用但是iPad只显示其分辨率为（1024x768）尽管规格明确说明（http://www.apple.com/uk/ipad/specs/）

如果我创建宽度为1024的div，那么它在iPad上显示为全屏，1920宽度的div会强制iPad滚动？

有谁知道为什么我不能使用完整的视网膜显示屏，并且在iPad上被迫使用1024x768分辨率？

Answer 1

这是一种预期的行为。

由于大多数网站仍以像素为单位指定文字大小（12px），因此视网膜屏幕会导致文字太小。为了避免这种情况，iPad 3rd gen和iPhone 4 / 4s上的Safari告诉Web服务器它们的分辨率是他们真正拥有的1/4。然后，Safari会以更精细的细节呈现文本，但它也会保留其预期的大小。

要解决此问题，请尝试在您的网站中设置元标记“viewport”，以便获得更高的分辨率。

<meta name="viewport" content="width=device-width" />

Answer 2

将初始视口大小设置为原始大小的一半，从而创建一个画面，其大小是硬件返回的两倍（1024px * 2 = 2048px）。