Изменение размера изображений при изменении размера браузера

Question

Я сделал следующий сайт, используя Bootstrap, чтобы получить мои изображения в ответ. При изменении размера изображения изображения отлично реагируют. Однако при изменении размера по высоте изображения не изменяются.

Что было бы лучшим способом получить эту работу?

http://bartoosterveer.nl/Jacowebtest/

Answer 1

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

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

т.е:

@media (min-height: xxx px) and (max-height: xxx px) 
{ 
    #imageID 
    { 
     height: the height you desire for this range; 
    } 
} 

надеюсь, что это помогает