Размер и пропорции картинки как правильно задать?

Question

[howgreat21]

Задание:
На диске лежит файл image.png, размер 10000 на 10000 точек. Вывести картинку как баннер размером 100 на 50 пикселей.
Обратите внимание на размер и пропорции.
Мое решение:
style type="text/css"
.banner {
width: 200px;
height: 100px; }
/style
img class="banner" src="pic.jpg"/
Но я думаю что тут какая-то загвоздка с пропорциями в задании - мое решение слишком простое)

Answer 1

[Andrew Ghostuhin]

Да, загвоздка тут точно есть…
Нужно что-то вроде:

img {
  display: block;
  max-width:100px;
  max-height:50px;
  width: auto;
  height: auto;
}

И да - слишком простое

Comments

[howgreat21]

А, понял, типа картинка у нас будет адаптивная - она не "растянется" и сохранит свои пропорции, но не будет больше 100px в ширину ИЛИ больше 50px в высоту