css mobile responsive

03-06-2020, 23:41:51

Merhabalar arkadaşlar sitemizin birinde aşağıdaki slideri kullanıyorz ama responsive değil yardımcı olacak var mı?

https://codepen.io/studiojvla/pen/qVbQqW

03-06-2020, 23:49:55

#2

ealgan

@media screen and (max-width:961px){ .slider {width: 100%}}
max width 961 olduğunda slider 960px den 100% genişliğe geçecek
kodu deneyebilir misiniz?

03-06-2020, 23:58:09

#3

onurcerik

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

@media screen and (max-width:961px){ .slider {width: 100%}}
max width 961 olduğunda slider 960px den 100% genişliğe geçecek
kodu deneyebilir misiniz?

değişmedi hocam

04-06-2020, 10:36:33

#4

salimsevindik

.slider class ının içinde width değerini % li verin mesela 960px yerine %90 gibi sonra, meta taglarada aşağıdakini ekleyiniz.

<meta name="viewport" content="width=device-width, initial-scale=1">

04-06-2020, 20:29:49

#5

onurcerik

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

.slider class ının içinde width değerini % li verin mesela 960px yerine %90 gibi sonra, meta taglarada aşağıdakini ekleyiniz.

<meta name="viewport" content="width=device-width, initial-scale=1">

çok teşekkür ederim düzelddi.