Rumah >hujung hadapan web >html tutorial >Ikon sentuhan Apple dalam halaman web

Ikon sentuhan Apple dalam halaman web

王林
王林ke hadapan
2023-08-19 10:53:061302semak imbas

Ikon sentuhan Apple dalam halaman web

Untuk ikon web pada iPhone atau iPad, gunakan fail Apple Touch Icon atau apple-touch-icon.png. Ikon ini akan digunakan apabila seseorang menanda halaman anda.

Untuk berbilang ikon dengan peleraian peranti yang berbeza, seperti iPhone atau iPad, tambahkan atribut saiz pada setiap elemen pautan seperti berikut −

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

Tetapkan saiz

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

Gunakan ikon dengan saiz yang sesuai untuk peranti.

Atas ialah kandungan terperinci Ikon sentuhan Apple dalam halaman web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya:Apakah sifat global html?Artikel seterusnya:Apakah sifat global html?