@Media Etiketi Çalışmıyor?

12-01-2022, 11:26:07

Merhabalar, buttonff 'e Tablette farklı görünmesi için media etiketi ekliyorum. Amacım font'un tablette küçülmesi fakat hiçbir şekilde değişmiyor. Sebebi ne olabilir? Bu bölge özel html alanı.. (Yani html,css,js bir yerde)

@media screen and (min-width:500px) and (max-width:600px),screen and (min-device-width:500px) and (max-device-width:600px) {
    .buttonff{font-size: 1px !important; padding: 4% 12%!important; background: #fff;}
  }
    @media screen and (min-width:600px) and (max-width:900px),screen and (min-device-width:600px) and (max-device-width:900px)  {
    .buttonff{font-size: 1px !important; padding: 4% 12%!important; background: #fff;}
}
    @media (min-width: 768px) and (max-width: 1024px) {
    .buttonff{font-size: 1px !important; padding: 4% 12% !important; background: #fff;}
}
    @media (min-width: 1025px) and (max-width: 1280px) {
      .buttonff{font-size: 1px !important; padding: 4% 12%!important; background: #fff;}
}

12-01-2022, 11:29:39

#2

Castaway

Cache temizliyor musunuz denemeden önce ?

12-01-2022, 11:31:02

#3

bostanci96

Web Tasarım ve Yazılım

https://www.w3schools.com/css/css_rwd_viewport.asp

Meta etiketi var mı sayfada?

12-01-2022, 11:38:59

#4

Coderz

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

https://www.w3schools.com/css/css_rwd_viewport.asp

Meta etiketi var mı sayfada?

Aşağıdaki Kod ekli hocam

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

12-01-2022, 11:45:02

#5

FSahin

@media only screen and (min-width: 600px){

Kodları bu şekilde değiştirip deneyebilirsiniz.

12-01-2022, 12:23:21

#6

Coderz

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

@media only screen and (min-width: 600px){

Kodları bu şekilde değiştirip deneyebilirsiniz.

Hiçbir şey değişmedi hocam

12-01-2022, 12:38:06

#7

Coderz

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

Cache temizliyor musunuz denemeden önce ?

Evet hocam temizliyorum, hatta farklı tarayıcıdan da kontrol ediyorum..