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.
![ekran-boyutuna-gore-div-gizleme](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufKzPb-ZxBi2Tfx9k2BUGNTWRp0zLBsM5F_D7jXmksWmfVS91FfsmNFwoxpDNh2PAfqA4KJBxTNwuohQMnAWe6mlTjS7zNvyfl5al5mkwnIkBrwbTnrk_Wu7KyoyM77PgxM2nrES1gztk/s400/ekran-boyutuna-gore-div-gizleme.jpg)
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ı;
Sağlıcakla.Burası reklam içeriğiBurası normal div
Yorumlarınızı esirgemezseniz sevinirim :), eğer burada ki çözümler veya bilgileri işinize yaradıysa sizde aşağıda bulunan butonlar yardımıyla paylaşırsanız başkaları da yararlanabilir. Ayrıca bundan sonra ki yazılardan haberdar olmak için Ücretsiz E-Posta Aboneliği yaparsanız çok motive edici olabilir :)