Question

我正在考虑设计一个看起来像app的网站。所以我正在设计图标并为其创建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 devices - 为每个设备添加一个sizes属性 link元素如下：
<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

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

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

Answer 3

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

因为DPI的差异你必须使用hi DPI for ipad和iphone的图标

Answer 4

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

http://alexw.me/ipad2/

感谢。

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

4 个答案: