我们需要 iPad 和 iPhone 的单独图标吗？答案

【问题标题】：do we need separate icons for iPad and iPhone?我们需要 iPad 和 iPhone 的单独图标吗？
【发布时间】：2011-04-07 10:04:35
【问题描述】：

我正在考虑设计一个看起来像应用程序的网站。所以我正在设计图标并为其创建 css。我想知道我是否必须为 iPhone 和 iPad 做单独的图标，因为 iPad 肯定需要更大的图标。抱歉，如果我在错误的部分发布了问题。

谢谢

【问题讨论】：

标签： iphone css ipad icons

【解决方案1】：

iOS Human Interface Guidelines - Web Clip Icons:

对于 iPhone 和 iPod touch，创建衡量的图标：

57 x 57 像素

114 x 114 像素（高分辨率）

对于 iPad，创建一个可测量的图标：

72 x 72 像素

Safari Web Content Guide - Specifying a Webpage Icon for Web Clip:

指定多个图标不同的设备分辨率 - 对于例如，同时支持 iPhone 和 iPad 设备——为每个设备添加一个尺寸属性链接元素如下：
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />

【讨论】：

【解决方案2】：

由于两种设备的屏幕分辨率不同，您可能希望根据用户代理字符串将它们路由到完全不同的页面。

这样，您可以为两种设备设计最佳 UI。

【讨论】：

【解决方案3】：

是的，最好使用单独的样式表
您可以使用以下代码 -

因为 DPI 不同，你必须为 ipad 和 iphone 的图标使用 hi DPI

【讨论】：

【解决方案4】：

请参阅以下链接。它在浏览器中包含一个类似 iPad 的模拟器。它拥有所有图像，就像 iPad 一样。既然是网页内容，希望大家能从这里得到一些资源。

http://alexw.me/ipad2/

谢谢。

【讨论】：