Görüntüyü nasıl duyarlı hale getirebilirim?

Question

http://www.frontendwebhelp.com/javascript/thumbnail-popup-to-large-image.php

.. ... tıklamada ben css medya için çalıştık büyütmek için aşağıdaki kodu kullanıyorum Ama büyük resmin boyutunu ayarlamak için bir kez daha sınıf # modalPopupHtml # da eklemiş ne yapmam gerektiğini

.imgsize{ 
    height: 600px; 
    width: 800px; 
} 

Ama şimdi mobil görünümü üzerinde düzgün çalışmadığını zaman bu kodu test zaman ... o büyük resim duyarlı olmak için ... mobil ekran için mükemmel uyum yapmak ...

Answer 1

dk ve css dosyasında @media kullanılarak maksimum genişliğini tanımlamak tarafından

@media (max-width: px) 
 
{ 
 
.imgsize{ } 
 
} 
 
    @meida(min-width :px) 
 
{ 
 
.imgsize{} 
 
}

senin büyüklüğüne göre px büyüklüğünü tanımlamak

Answer 2

bu

Max-width:100%; 
height:auto; 
display:block 

Answer 3

ön yükleme alanı ekle deneyin class (class = "img-responsive") için görüntü elemanı

Answer 4

.imgsize 
{ 
max-width:100% !important; 
height:auto; 
display:block; 
} 

üzerinden