CSS'de mobilde nasıl gizlenir?

CSS kullanarak mobilde bir elemanı gizlemek için "display: none;" özelliğini kullanabilirsiniz 12. Bu özellik, elemanın sayfadan tamamen kaldırılmasına ve alan kaplamasına engel olur 2.

.mobile-hide {
  display: none;
}
Kopyala

Bu kod,

.mobile-hide

sınıfına sahip elemanların mobil cihazlarda gizlenmesini sağlar 3.

Ayrıca, medya sorguları kullanarak belirli bir ekran genişliğine ulaştığında elemanı gizleyebilirsiniz 23. @media kuralını kullanarak şu şekilde bir kod yazabilirsiniz:

@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}
Kopyala

Bu kod, ekran genişliği 768 piksel ve altındaki mobil cihazlarda

.hide-on-mobile

sınıfına sahip elemanları gizler 4.