为Retina风格的设备设计网站:您在设计时应该使用哪些尺寸?

时间:2012-04-15 15:28:24

标签: iphone css retina-display

iPhone的尺寸为320x480 Retina iPhone的尺寸为640x960

设计视网膜设备的设计时,是否将文档尺寸设置为320 x 480或640 x 960?

我原本以为你会把尺寸设置为320 x 480。 这样做的原因是虽然视网膜设备有更多像素,但这些仍然以3英寸屏幕尺寸显示。如果你确实将尺寸设置为640 x 960,那么当在视网膜显示器上观看时,所有文字都将是尽管像素较多,但屏幕尺寸并不大。

这是对的吗?

更新:你还使用320 x 480作为CSS的基本尺寸(见下面的评论)

1 个答案:

答案 0 :(得分:3)

是的,这是正确的。我是iOS开发人员,而不是网页设计师,但在iOS设备中,您可以指定所有点(非视网膜设备上的一个像素,视网膜设备上的2x2像素块),因此所有内容都相同。视网膜显示屏上的额外像素使一切看起来更好。

可以在视网膜屏幕上使用较小的文字,因为你有更多的细节,但明智的可访问性不是一个好的举动,因为很多人不能在没有缩放的情况下看到你的文字,无论他们有什么样的展示。