Как я могу сделать изображение отзывчивым?

Question

я использую следующий код, чтобы увеличить изображение по щелчку ... я пытался для СМИ в CSS ..

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

Но я добавил еще один класс в # # modalPopupHtml для регулировки размера большого изображения

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

Но теперь я хочу, чтобы это большое изображение отзывчивым ... когда я Протестируйте этот код на мобильном зрении, что время он не работает должным образом ... что я должен сделать, чтобы сделать его идеально подходит для экрана мобильного ...

Answer 1

путь определения минимального и максимальная ширина с помощью @media в CSS файл

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

определить размер пикселей в зависимости от размера вашего

Answer 2

попробовать это

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

Answer 3

Добавить самозагрузки класс (класс = "img-отзывчивый") до изображение элемента

Answer 4

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

попробовать это