MOBIL – Safari Browser Telefon Numarası Stil Kayması

Merhaba,

bu yazım mobil sitelerle uğraşanlar için.. Ioslarda oluşan bir probleme değineceğim. Düz yazı olarak yazılan telefon numaralarını Ios Safari browserı linke çevirip telefon numarasını linke çeviriyor ve tasarımları bozuk gösteriyor. Örnek olarak;

phonestyleproblem

 

 

Safari browserında gözüken bu durumun aslında açıklaması basit. Safari yani Ios sistemi kullanıcıya yararlı bir özellik olan tek tuşla arama özelliğinde browser içerisindeki telefon numalarını kopyala-yapıştır yapmadan rahatça aranabilmesi için sizin tasarımınızı bozmasıdır. Aynı durum pclerde skype’ın linkleri değiştirmesi gibi birşey yani.

Bu durumun çözümüde yine Safariye özel olarak kullanılan meta taglarından geçmektedir. Bu durum için kullanılacak meta tagı;

<meta name=”format-detection” content=”telephone=no”>

Ekstra olarak şu css satırlarını da ekleyebilirsiniz;

a[href^=tel] { color: inherit; text-decoration: none; }

 

Safariye Özel Tüm Meta Tagları

Henüz yorum yok, ilk yorum yapan sen ol!

Cevapla

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir