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

Icône Apple Touch dans la page Web

王林
王林avant
2023-08-19 10:53:061248parcourir

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">

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">

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer