Как подкоректировать картинки?

Question

[fantastikgodd]

возможно, это странно, но такое требование

если картинка по высоте больше чем по ширине - то она не должна растягиваться по ширине на весь экран

Answer 1

[Sergey Romanov]

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

Comments

[fantastikgodd]

Sergey Romanov, не нужно одной пропорции

только это
если картинка по высоте больше чем по ширине - то она не должна растягиваться по ширине на весь экран

[Sergey Romanov]

fantastikgodd, делать это нужно на сервере или в клиенте? Растягиваться должна искажаясь или обрезаясь? Обрабатывать ее нажуно во время закачки на сервер или когда?

Задай нормально вопрос.

Answer 2

[archelon]

решение «в лоб»:

img {
  height: 100%; /* или max-height, по ситуации */
  width: auto;
}

но, конечно, может быть множество подводных камней.
и, вообще, надо смотреть на макет.
P.S.
лучше всего на уровне сервера обрезать картинку до нужного размера с сохранением пропорций и добавлением пустого холста под оригиналом (см. аттач)