Anasayfa / Css - Html / Belli Çözünürlüklerde div Gizlemek
html css - Belli Çözünürlüklerde div Gizlemek

Belli Çözünürlüklerde div Gizlemek

Tema düzenlerken karşılaştığım sorunlardan birisi de bilgisayarda eklediğim bazı kısımların düşük çözünürlükte (mobilde) düzgün gözükmemesiydi. Biraz araştırdım ve belli bir çözünürlük değerinin altında div gizlemeyi öğrendim. Benim çok işime yaradı. Hem kodu unutmamak hem de sizlerin de işine yarayacağını düşündüğüm için paylaşmaya karar verdim.  Bu kod ile isterseniz reklam alanlarını mobilde gizleyebilirsiniz. En çok bu konuda ihtiyaç duyuluyor.

Aşağıdaki kodu temanızın style.css dosyasına ekleyin. .reklam yazan yeri değiştirmeyi unutmayın . Hangi div’i gizlemek isterseniz onu yazmalısınız .

@media screen and (max-width:1070px) {
    .reklam {overflow:hidden; width:0; height:0;
    visibility: hidden;}
}

Yukarıdaki kod 1070 genişliğin altında .reklam div’ini gizliyor. 1070’i kendinize göre ayarlayabilirsiniz. Sorularınızı yorum olarak sorabilirsiniz.

İlginizi Çekebilir :   Youtube Responsive Embed Yapımı

Bunları da kontrol edebilirsiniz.

sosyal medya 111 310x165 - AddThis Sosyal Paylaşım Eklentileri

AddThis Sosyal Paylaşım Eklentileri

Sitenize giren kişiler artık sitenizi tek tık ile sosyal medyada paylaşabiliyor.Üstelik sadece küçük bir kod …

4 Yorum

  1. Metin2 Hileleri

    Güzel Makale.

  2. Ersin Aka

    İhtiyacım olan ama kelimelere dökemedim kod birimi,aslında basit bişey teşekkürler İsmail

  3. osman

    teşekkürler çok işime yaradı.

Bir cevap yazın

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