Css konusunda bir soru

19-12-2016, 13:45:46

Üyeliği durduruldu

Merhaba arkadaşlar kullandığım bir temanın style.css dosyasında yer alan şu kod

Alıntı

img {
max-width: 100%;
width: auto\9;
height: auto;
}

Resimleri otomatik boyutlandırmada, bu yüzden kendi eklediğim resimler otomatik boyutlanıyor, kodu css den siliyorum masaüstünde sıkıntı yok lakin temanın mobile görünümünde konu thumbnailleri bozuluyor bunu nasıl aşabilirim

19-12-2016, 15:53:17

#2

ismailix

Selamun Aleyküm, tarayıcıyı küçülterek mobil aşamasına getirip,
akabinde resme sağl tıklayın Öğeyi incele / incele deyin.
açılacak kaynak kod penceresinde stil dosyası üzerinde düzeltmeleri yapabilirsiniz.

19-12-2016, 16:52:31

#3

~~poetry74~~

Üyeliği durduruldu

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

Selamun Aleyküm, tarayıcıyı küçülterek mobil aşamasına getirip,
akabinde resme sağl tıklayın Öğeyi incele / incele deyin.
açılacak kaynak kod penceresinde stil dosyası üzerinde düzeltmeleri yapabilirsiniz.

Hocam merhaba sorun css de bu kodu kaldırıyorum masaüstünde sorun olmuyor kendi eklediğim kodlardada sıkıntı yok sadece temanın 10 adet post yayını olan thumbnaillerde sorun var

21-12-2016, 14:25:36

#4

seogrenci

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

Merhaba arkadaşlar kullandığım bir temanın style.css dosyasında yer alan şu kod

Resimleri otomatik boyutlandırmada, bu yüzden kendi eklediğim resimler otomatik boyutlanıyor, kodu css den siliyorum masaüstünde sıkıntı yok lakin temanın mobile görünümünde konu thumbnailleri bozuluyor bunu nasıl aşabilirim

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

Hocam merhaba sorun css de bu kodu kaldırıyorum masaüstünde sorun olmuyor kendi eklediğim kodlardada sıkıntı yok sadece temanın 10 adet post yayını olan thumbnaillerde sorun var

Hocam CSS kodlarını silince masüstü tam boyutta olduğundan sıkıntı çıkarmayabilir.(Garantisi yok)

Büyük olasılık mobil de resmin boyutu kesin değer verildiğinden sıkıntı çıkarmakta.

Siz CSS kodlarının sadece mobilde çalışması gibi bir koşul belirtebilirsiniz.

@media screen and (max-width: 699px) and (min-width: 520px) {
   520px ve 699px aralığında çalışacak CSS kodları
}

@media screen and (max-width: 1000px) and (min-width: 700px) {
  700px ve 1000px aralığında çalışacak CSS kodları
}

21-12-2016, 23:49:52

#5

~~poetry74~~

Üyeliği durduruldu

Selam kodu aşağıdaki şekilde değiştirince istediğim oldu lakin bu sefer wordpress temanın konu bölümünde yer alan thumbnail resimler taşma yapıyor tek sıkıntılı kalan yer orası

Alıntı

img {
max-width: 100%;
max-height: auto;
}

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

Hocam CSS kodlarını silince masüstü tam boyutta olduğundan sıkıntı çıkarmayabilir.(Garantisi yok)

Büyük olasılık mobil de resmin boyutu kesin değer verildiğinden sıkıntı çıkarmakta.

Siz CSS kodlarının sadece mobilde çalışması gibi bir koşul belirtebilirsiniz.

@media screen and (max-width: 699px) and (min-width: 520px) {
   520px ve 699px aralığında çalışacak CSS kodları
}

@media screen and (max-width: 1000px) and (min-width: 700px) {
  700px ve 1000px aralığında çalışacak CSS kodları
}