06-24-2021, 03:38 AM
Mobilde Div Etiketini Nasıl Gizlerim ?
![[Image: 1057201.png]](https://image.flaticon.com/icons/png/512/1057/1057201.png){kind=icon}
div etiketini gizlemeyi göstereceğim bu ekliyeceğimiz kod sayesinde bilgisayarda gözüken büyük resimler veya büyük tabloları mobil sürümde gizlemek mümkün yapmanız gereken sadece aşağıda vereceğim Css kodunu Global.css eklemek eğer özel tema kullanıyorsanız onun Css dosyasına eklemek.
Code:
@media screen and (max-width: 600px){.nomobile {visibility: hidden;clear: both;float: right;margin: 5px auto;width: 22%;height: auto;display: none;}}Bu şekilde ekledik peki nasıl gizlerim ?
Mesela benim şöyle bir div kodum var örnek;
Code:
<div class="test">merhaba dünya</div>Ben bu yazıyı mobilde gizlemek istiyorum diyelim o zaman kod şöyle olcak;
Code:
<div class="test nomobile">merhaba dünya</div>Bu sayede mobilden bu div etiketini kaldırmış olduk sadece bilgisayar da çıkacak.
İyi Günler.
Teşekkürler.