ホームページ >ウェブフロントエンド >htmlチュートリアル >Web ページの Apple タッチ アイコン

Web ページの Apple タッチ アイコン

王林
王林転載
2023-08-19 10:53:061294ブラウズ

Web ページの Apple タッチ アイコン

iPhone または iPad の Web アイコンの場合は、Apple Touch アイコンまたは apple-touch-icon.png ファイルを使用します。このアイコンは、誰かがあなたのページをブックマークするときに使用されます。

iPhone や iPad など、デバイスの解像度が異なる複数のアイコンの場合は、次のように各リンク要素にsize 属性を追加します。 −

<link rel = "apple-touch-icon" href = "touch-icon-iphone.png">

Set size

<link rel = "apple-touch-icon" sizes = "160x160" href = "touch-icon-ipad.png">
<link rel = "apple-touch-icon" sizes = "170x170" href = "touch-icon-iphone-retina.png">
<link rel = "apple-touch-icon" sizes = "180x180" href = "touch-icon-ipad-retina.png">

次のようなアイコンを使用します。デバイスに適したサイズになっています。

以上がWeb ページの Apple タッチ アイコンの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。