Ekran boyutuna göre div gizleme

Merhaba Arkadaşlar;

Az önce mail ile bir soru geldi. Sorunun ana hattı ve özeti şu; Bir div var, bunun içerisinde de bir reklam var, ancak esnek reklam kodu kullanılmadığı için, reklam mobilde taşıyor, bunu nasıl çözerim.

Aslında bu işi tamamen ufak bir css müdahalesi ile çözebiliriz. Ben aşağıda vereceğim css kodunda ekran için 600 pixel aldım, ancak siz istediğiniz çözünürlük değerini yazabilirsiniz.

Sorunun çözümünü aslında Google Adsense tarafından sağlanan esnek reklam ile çözülebilir, ancak bazı durumlarda küçük ekranlarda göstermek istemeyebiliriz, bu yazıyı da onun için yazdım aslında.

Kod örneğimizi yazalım;

CSS Kodu;

@media screen and (max-width: 600px) {
  .no-mobile {
    visibility: hidden;
    clear: both;
    display: none;
  }
}

HTML içinde kullanımı;

Burası reklam içeriği
Burası normal div