【问题标题】:Does the apple touch icon have to be in the root folder?苹果触摸图标是否必须在根文件夹中?
【发布时间】:2014-07-30 16:04:10
【问题描述】:

一个看似简单但我找不到明确答案的问题。

苹果触摸图标必须在我网站的根文件夹中吗?

<link href="http://example/apple-touch-icon.png" rel="apple-touch-icon" />

或者我把它放在别的地方可以吗?

<link href="http://www.yoursite.com/some/other/folder/apple-touch-icon.png" rel="apple-touch-icon" />

【问题讨论】:

    标签: html ios icons


    【解决方案1】:

    不一定。从Safari Web Content GuideConfiguring Web Applications section 声明:

    • 要为整个网站(网站上的每个页面)指定一个图标,请将 PNG 格式的图标文件放在根文档文件夹中 叫apple-touch-icon.png
    • 要为单个网页指定图标或将网站图标替换为特定于网页的图标,请向网页添加链接元素,如 在:

      • &lt;link rel="apple-touch-icon" href="/custom_icon.png"&gt;
    • 要为不同的设备分辨率指定多个图标(例如,同时支持 iPhone 和 iPad 设备),请添加 sizes 属性 到每个链接元素如下:

      • &lt;link rel="apple-touch-icon" href="touch-icon-iphone.png"&gt;

      • &lt;link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png"&gt;

      • &lt;link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png"&gt;

      • &lt;link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png"&gt;

    使用最适合设备大小的图标。如果 没有设置 size 属性,元素的大小默认为 60 x 60。

    您应该能够将它放在另一个文件夹中,并使用link 元素将浏览器指向apple-touch-icon 文件的备用位置,并让它正常工作。

    【讨论】:

    • ...所以要回答 OP,apple-touch-icon.png 必须在 root 文件夹中(如果你想适用于整个网站)。
    猜你喜欢
    • 2015-07-16
    • 2014-09-15
    • 2013-03-20
    • 2012-10-14
    • 1970-01-01
    • 2020-10-27
    • 2010-09-05
    • 2012-11-29
    • 1970-01-01
    相关资源
    最近更新 更多