我們是否需要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/

感謝。