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

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

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

источник

2012-03-28 user1187968

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

источник

2012-03-28 18:23:28

Я помню, что IE не поддерживает эту функцию. Кроме того, я хочу также поддерживать пропорции роста пропорций :) – user1187968

'max-width' поддерживается в IE7 +. http://msdn.microsoft.com/library/ms530811.aspx – Ryan

Ознакомьтесь с этой статьей о том, как получить более старые версии IE для игры с максимальной шириной: http://www.svendtofte.com/code/max_width_in_ie/ – huzzah

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

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

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

источник

2012-03-28 18:27:47 Ryan

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

ответ

Смежные вопросы