为 iPhone 开发页面
iPhone 可能就是三种类型的设备中最容易支持的设备。它页面的开发与普通的 Web 页面开发完全相同。iPhone 上的 Safari 浏览器与桌面浏览器的代码库完全相同，因此，用户在两者中所看到的东西是一样的。但是您可以去掉一些显示提示，因为通过 iPhone 查看网站时它们会影响外观和感觉。
例如，一个 iPhone 的屏幕尺寸为 320x480，但有趣的是，浏览器设置的网页的默认宽度为 980 像素。这使文本在手机的景色模式下不能读取，并且在肖像模式下会变得很小。但是不用担心，使用一个简单的只有 iPhone 才能识别的 meta 标记，就可以将网页校正到 “正确的尺寸” 了：viewport 标记允许为移动 Safari 浏览器添加提示。清单 9 中的代码就在很大程度上提高了在 iPhone 上查看的网页的可读性。(不幸的是，基于 Firefox 的 iPhone 仿真器无法识别这个 meta 标记。只有在真正的 iPhone 上才可以看到它的实际运行)。
清单 9. 为 iPhone 设置 viewport
inital-scale 的范围为 0 到 10，且支持分数值。也可以输入显式的 width 和 height 值，上限为 10,000 像素(如清单 10 所示)：
清单 10. 为 viewport 设置 width 和 height
iPhone 上的超链接
说到超链接，iPhone 提供了一些特殊的性能。如果使用 tel: 前缀代替 http://，单击链接就可以拨出一个电话号码，如清单 11 所示：
清单 11. iPhone 上可用于拨号的链接
telephone number:
<a href="tel:303-555-1212">303-555-1212</a>
</p>
如果使用传统的 mailto: 前缀的话，单击链接就会运行邮件应用程序，如清单 12 所示：
清单 12. 邮件链接
mail:
<a href="mailto:scott@aboutgroovy.com">Scott Davis</a>
</p>
如果您为 Google Map 提供一个链接，单击链接就会运行本地 Google Maps 应用程序，而不是将其转交到 Safari 中，如清单 13 所示：
清单 13. Google Map 链接
local google maps:
<a href="http://maps.google.com/maps?q=denver+international+airport">DEN</a>
</p>
输入一个起点和终点，单击链接，它就会为用户提供驾驶方向，如清单 14 所示：
清单 14. Google Map 驾驶方向
driving directions:
<a href="http://maps.google.com/maps?daddr=
denver+airport&saddr=coors+field+denver,+co">Directions</a>
</p>
