css masaüstünde gizle, mobilde göster

28-12-2020, 23:48:54

#1

Geunes

Kimlik doğrulama veya yönetimden onay bekliyor.

Bir div i masaüstünde gizlemek mobilde göstermek istiyorum kodunu bilen

28-12-2020, 23:51:56

#2

serpinGO Dijital

GOOGLE PARTNER AJANS ✅

CSS Media olarak araştırırsanız bir sonuç elde edebilirsiniz

28-12-2020, 23:52:02

#3

Aeknasd145

.class {
display: none;
}
@media screen and (max-width:900px){
.class{
display: block;
}
}

28-12-2020, 23:52:20

#4

ardakaracayir

@media only screen and (max-width: 767px) {
// Mobil için
}
@media only screen and (min-width: 768px) {
// Tablet ve masaüstü için
}

28-12-2020, 23:53:51

#5

oynozan

Javascript'le siteye nasıl bir cihazdan girildiğini algılayabiliriz.

var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
if (!isMobile) {
    document.getElementById("#divin-idsi").style.display = "none";
}

diyerek eğer tarayıcı mobil değilse div'i gizlemiş olduk.

29-12-2020, 00:31:07

#6

Geunes

arkadaşlar hepinize sonsuz teşekkürler

)

Beynim sulandı google sonra bura.

.class {
display: none;
}
@media screen and (max-width:900px){
.class{
display: block;
}
}

nereye vereceğim ismi div class ismini

Dediğim gibi masaüstünde gizli olacak mobilde görünür olacak.

29-12-2020, 00:39:49

#7

miZahh

Geunes adlı üyeden alıntı: mesajı görüntüle

arkadaşlar hepinize sonsuz teşekkürler

)

Beynim sulandı google sonra bura.

.class {
display: none;
}
@media screen and (max-width:900px){
.class{
display: block;
}
}

nereye vereceğim ismi div class ismini

Dediğim gibi masaüstünde gizli olacak mobilde görünür olacak.

<div class="ornekclass"></div>

.ornekclass{
display: none;
}
@media screen and (max-width:900px){
.ornekclass{
display: block;
}
}

29-12-2020, 00:48:24

#8

Geunes

miZahh adlı üyeden alıntı: mesajı görüntüle

<div class="ornekclass"></div>

.ornekclass{
display: none;
}
@media screen and (max-width:900px){
.ornekclass{
display: block;
}
}

Tamam dostum şimdi oldu teşekkürler