Foundation : Mobil ve Masaüstü Tarayıcılar Nesne Göstermek/Gizlemek

mTanriverdi

Doçent
Mobil, Table ve Masaüstü cihazlarda tarayıcılara göre nesne gösterimi yapabiliriz. Yani cep telefonunun girdiğinizde web sitenizdeki bazı alanları gizleyebilirsiniz. Üstelik bunu class"" etiketlerinin içine ekleyeceğiz bir kaç satırlık kod ile yapmak mümkün.


Foundation Zurb Tema İskeletini kullanarak sadece masaüstü bilgisayarda göstermek istediğimiz nesneye "show-on-desktops" fonksiyonunu ekleriz. Bu sayede eklenen nesne sadece masaüstübilgisayarda gözükecektir.

<span class"show-on-desktops">Sadece Masaüstü Görünür</span>
<span class"show-on-tablets">Sadece Tablet Görünür</span>
<span class"show-on-phones">Sadece Mobil(Cep Telefonu) Görünür</span>

Eğer tam tersi işlem yapmak istiyorsak show yerine hide yazmamız yeterli olacaktır.

<span class"hide-on-desktops">Sadece Masaüstü Görünmez</span>
<span class"hide-on-tablets">Sadece Tablet Görünmez</span>
<span class"hide-on-phones">Sadece Mobil(Cep Telefonu) Görünmez</span>
 
Üst