Maison > interface Web > tutoriel HTML > Icône Apple Touch dans la page Web

Icône Apple Touch dans la page Web

王林
Libérer: 2023-08-19 10:53:06
avant
1308 Les gens l'ont consulté

Icône Apple Touch dans la page Web

Pour les icônes Web sur iPhone ou iPad, utilisez l'Apple Touch Icon ou le fichier apple-touch-icon.png. Cette icône sera utilisée lorsque quelqu’un ajoutera votre page à vos favoris.

Pour plusieurs icônes avec différentes résolutions d'appareil, tels que l'iPhone ou l'iPad, ajoutez l'attribut tailles à chaque élément de lien comme suit −

<link rel = "apple-touch-icon" href = "touch-icon-iphone.png">
Copier après la connexion

Définir la taille

<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">
Copier après la connexion

Utilisez des icônes avec la taille appropriée pour l'appareil.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal