我们是否需要将iPad视网膜显示器的边距、宽度和高度增加一倍?

我们是否需要将iPad视网膜显示器的边距、宽度和高度增加一倍?,ipad,retina-display,Ipad,Retina Display,我真的需要这方面的指导。我正在设计一个web应用程序,它应该支持pad视网膜显示。我的客户给了我一份风格指南,他把所有元素的边距、高度和宽度都增加了一倍?我们需要这样做,还是只需要像图像这样的图形,两倍大小的图标 请帮帮我,我卡住了 谢谢,如果您在web应用程序中谈论CSS的边距、宽度和高度,答案是否定的,您不需要为视网膜显示将边距、宽度和高度加倍。当您在CSS中指定高度、宽度、边距或其他任何内容时,它将在正常显示器上以正确的大小显示,视网膜显示器将在内部执行双像素转换,因此它使用两倍的设备像素

我真的需要这方面的指导。我正在设计一个web应用程序,它应该支持pad视网膜显示。我的客户给了我一份风格指南,他把所有元素的边距、高度和宽度都增加了一倍?我们需要这样做,还是只需要像图像这样的图形,两倍大小的图标

请帮帮我,我卡住了


谢谢,

如果您在web应用程序中谈论CSS的边距、宽度和高度,答案是否定的,您不需要为视网膜显示将边距、宽度和高度加倍。当您在CSS中指定高度、宽度、边距或其他任何内容时,它将在正常显示器上以正确的大小显示,视网膜显示器将在内部执行双像素转换,因此它使用两倍的设备像素。你不需要做任何事情来支持这一点

下面是一张最佳解释图片:


对于图像,您需要创建
@2x
图像,使其在视网膜iPhone和iPad上看起来像视网膜。Smashing杂志上个月发表了一篇很好的文章,名为《Smashing》,这篇文章很好地解释了这一点,并提供了各种视网膜图像技术的提示

如果你在web应用程序中谈论CSS的边距、宽度和高度,答案是否定的,你不需要在视网膜显示中将它们加倍。当您在CSS中指定高度、宽度、边距或其他任何内容时,它将在正常显示器上以正确的大小显示,视网膜显示器将在内部执行双像素转换,因此它使用两倍的设备像素。你不需要做任何事情来支持这一点

下面是一张最佳解释图片:


对于图像,您需要创建
@2x
图像,使其在视网膜iPhone和iPad上看起来像视网膜。Smashing杂志上个月发表了一篇很棒的文章,名为《这篇文章很好地解释了这一点,并提供了各种视网膜图像技术的提示

你在开发什么?如果你在mac电脑上,你可以安装xcode并使用ipad模拟器。你在开发什么?如果你在mac电脑上,你可以安装xcode并使用ipad模拟器。