html - iPad Retina图片CSS

我有一组2048x1496大小的图片，我只用于ipad视网膜显示。我的网站只针对ipad retina，所以我现在不必担心下采样或其他问题。我刚刚创建的网页只用于视网膜显示。
我有css和html指定图像（作为背景图像）。但当我看到视网膜上的页面时，它不是完全可见的，而是部分可见的。
为什么图像实际上是2048x1496px？有什么设置要做吗？

最佳答案

你有没有试过在有大的视网膜图像作为背景的元素上设置“背景大小”属性？
它看起来像这样：

#retinaImage {
 background: url(images/huge-retina-image.jpg) no-repeat;
 width: 1024px;
 height: 768px;
 background-size: 1024px 768px;
}

iPad的分辨率是2048x1536，但在“CSS像素”中仍然是1024x768，只是每个CSS像素包含4个设备像素。从概念上讲，很难把你的头绕在这上面。以下是一篇可能有帮助的文章：
Towards a Retina Web (Smashing Magazine)

关于html - iPad Retina图片CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13365293/