【iPhone】iPhone Display Metrics (显示指标)

iPhone由于没有scrollbar，所以它的viewport（可视界面）缺省宽度是980px，如果不设置width的话，很容易就会显示不正常。当然你可以拖曳缩放来看页面的具体情况，但一般的建议是设置好viewport的size，让你的用户页面load完后看到最佳的显示尺寸。
[img]http://lordhong.iteye.com/upload/attachment/11618/cc15ef60-3a94-3b2a-b351-720cd6390173-thumb.jpg?1199416949[/img]

iPhone可以根据不同的位置而更新orientation（portrait和landscape），他们相关的显示指标在下面的图里大家可以很清楚的看到。所以当设计你的iPhone site的时候，特别要注意不同orientation的时候可以保持一定的一致性和美观。当然你也可以在orientation变化的时候，动态调整你的界面，看你的需求而定。
portrait:
[img]http://lordhong.iteye.com/upload/attachment/11622/697391dc-0112-3421-849c-06999867853a-thumb.jpg?1199416949[/img]

landscape
[img]http://lordhong.iteye.com/upload/attachment/11620/2b80a576-b4bd-3f18-afeb-f766669ddbf7-thumb.jpg?1199416949[/img]