视网膜显示器的HTML尺寸

Question

我不经常为高分辨率显示器工作，因为我的大多数客户倾向于使用人类已知的最古老的机器，然而我目前正在开发的东西只会显示在视网膜显示器iPads上。一个图形已经被模仿他们想要视网膜分辨率的设计(2,048×1,536)，我一直在根据图形中的尺寸来构建我的网站。然而，现在我正试图在iPad上查看它，所有的东西都太大了，我认为我的‘260 up头’占据了页面的第6页(ish)，几乎是这个页码的两倍。

我似乎找不到任何关于视网膜显示器可行的HTML大小的东西，只是讨论如何为视网膜准备图像，在构建HTML时我应该工作到什么大小的分辨率？

Answer 1

我相信实现这一点的最好方法是在可能的情况下使用CSS，并在1024x768上为视网膜设备使用@2x图形构建站点。

使用这些想法的简单指南可以在这里找到- http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/。