CSS

Resmi Responsive Yapma Kodu

Responsive görüntüler otomatik olarak ekran boyutuna uyacak şekilde ayarlanır.

Responsive etkiyi görmek için animasyonu inceleyin:

Responsive Resim Nasıl Yapılır

Resmi Responsive Yapma

Adım 1: HTML’yi oluşturun

Adım 2: Resmin duyarlı olması için hem aşağı hem de yukarı ölçeklenmesini gerekir, CSS width özelliğini% 100 ve height değerini auto olarak ayarlayın:

max-width ayarlama

Görüntünün küçültülmesini istiyor, ancak orijinal boyutundan daha büyük olması istenmiyorsa, max-width: 100% olarak ayarlanmalıdır.

 

max-width ayarlama

Resim için belirli bir büyüklük verebilirsiniz. Bu değere kadar büyütülüp altındaki değer için responsive yapılır.

 

 

 

 

 

Yorum bırak