Ограничить максимальную ширину изображения в веб-браузере

Question

Как лучше ограничивать максимальную ширину изображения в браузере только HTML и CSS?Я выполнил поиск на Google.com и не нашел хороших результатов.Спасибо!

Кроме того, я хочу также сохранить пропорцию высоты.

Answer 1

Используйте style="max-width:NNNpx" (или max-height:NNNpx) (вы также можете использовать % как измерение - например, max-width:10%)

Answer 2

Вы можете ограничить ширину изображений с помощью CSS:

img.limit-width {
    max-width:50%;
}

Вы также можете использовать px и em в дополнение к проценту.