Web Sitesindeki Resimleri Tam Ekrana Sığdırma

Teknolojinin ilerlemesi ile taşınabilir cihazlar gelişmiş ve hatta günlük işlerimizi sadece bu cihazlarla yapar duruma gelmişizdir.

Bu sebepten web tasarımı yaparken sadece büyük ekrana sahip bilgisayarlara göre değil de artık küçük ekrana sahip mobil cihazlara göre de tasarlama yapmamız gerekmektedir.

Eğer ki sitenizde resim boyutu ekrandan taşıyorsa yada resmi tam görüntüleyemiyorsanız aşağıdaki kodu CSS‘inize eklemeniz problemi çözecektir.

img {width:100% !important;max-width:100% !important;}

NOT: Bu kodun çalışabilmesi için aşağıdaki kodun sitenizde bulunan <head></head> etiketleri arasında bulunması gerekir.

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

Bir Cevap Yazın

%d blogcu bunu beğendi: