我们是否需要iPad和iPhone的独立图标？

Question

我想设计一个网站，看起来像一个app.So即时通讯在设计图标和创建CSS的过程中。我想知道如果我必须为iPhone和iPad做单独的图标，bcos iPad肯定需要更大的图标。如果我在错误的部分发布了问题，请联系我。

谢谢

Answer 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" /> 

Answer 2

由于屏幕分辨率是两个设备不同，也许你会想它们路由到基于用户代理字符串完全不同的页面。

这样，您可以为两个设备设计最佳的用户界面。

Answer 3

是的，这可能是最好的主意，用独立的样式表
你可以使用下面的代码 -

因为在DPI的区别，你必须使用喜DPI为iPad和iPhone的图标

Answer 4

请参考下链接。 它在浏览器中包含一个类似模拟器的iPad。它具有像iPad一样的所有图像。 由于它是一个网页内容，我希望你能从这里获得一些资源。

http://alexw.me/ipad2/

感谢。