我真的需要这方面的指导。我正在设计一个应该支持 pad Retina 显示的网络应用程序。我的客户给了我风格指南，他将元素的边距、高度和宽度等所有内容都翻倍了？我们是否需要这样做，或者我们只需要像图像、双倍大小的图标这样的图形？
请帮帮我，我卡住了。
谢谢，
问问题
923 次
1 回答
4
如果您在 Web 应用程序中讨论 CSS 的边距、宽度和高度，答案是否定的，您不需要将它们加倍以用于视网膜显示。当您在 CSS 中指定高度、宽度或边距或其他任何内容时，它将在正常显示器上以正确的尺寸显示，而视网膜显示器将在内部进行双像素转换，因此它使用双倍设备像素。在这方面，您无需做任何事情来支持这一点。
这是Smashing Magazine的一张图片，对它的解释最好：
对于图像，您需要创建@2x图像以使它们在视网膜 iPhone 和 iPad 上看起来像视网膜。Smashing Magazine 上个月发表了一篇很棒的文章，名为Towards a Retina Web，它很好地解释了这一点，并提供了各种视网膜图像技术的技巧
于 2012-09-12T21:41:38.897 回答