HTML 视网膜显示尺寸

HTML size for retina display

我不经常为高分辨率显示器工作,因为我的大多数客户都倾向于使用人类已知的最古老的机器,但是我目前正在研究只能在视网膜显示器上显示的东西 iPad秒。一个图形已经模拟了他们想要的视网膜分辨率(2,048 x 1,536)的设计,我一直在根据图形中的尺寸构建我的网站。但是现在我实际上试图在 iPad 上查看它,一切都太大了,我认为我的“260px header”会占据页面的第 6 个(ish)更接近加倍。

我似乎找不到任何关于 Retina 显示器可行 HTML 尺寸的信息,只有页面讨论如何为 Retina 显示器准备图像,构建时我应该使用什么尺寸分辨率HTML?

我认为您实现此目标的最佳方法是尽可能使用 CSS 并在 1024x768 使用视网膜设备的 @2x 图形构建您的网站。

可以在此处找到有关利用这些想法的简单指南 - http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/