Указание только ширины или высоты для элемента img

Если для элемента img установлен только один из атрибутов height или width, большинство браузеров сохраняют пропорции изображения.

Это из справочника по HTML 4.01:

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

http://www.w3.org/TR/html401/struct/objects.html#edef-IMG

Было бы неправильно, если бы браузер масштабировал изображение неравномерно, то есть изменяя только высоту или ширину изображения?

Обновление 12 августа 2015 г.: Dillo (версия 3.0.4) – пример браузера, который не поддерживает пропорции изображения, если заданы только высота или только ширина.


html html4
person August Karlstrom    schedule 02.08.2015    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Если вы посмотрите, что Bootstrap делает с классом .img-responsive, он устанавливает только высоту и максимальную ширину. http://getbootstrap.com/css/#images-responsive

Если бы браузер не масштабировал ширину автоматически в зависимости от высоты, этот широко используемый пакет CSS потерпел бы неудачу.

person Mike    schedule 17.08.2015
comment
Да, многие изображения в сети отображаются некорректно, если браузер не следит за равномерным масштабированием. - person August Karlstrom; 18.08.2015

arrow_upward
1
arrow_downward

Я не могу говорить за авторов спецификаций, но с моей точки зрения как веб-разработчика, если вы масштабируете неравномерно, ваш пользовательский агент не работает, и ни один из моих сайтов не будет отображаться должным образом для вас. Зачем мне вообще нужно неравномерное масштабирование? Особенно тот, где одна сторона просто определяется размером изображения?

person singpolyma    schedule 17.08.2015
comment
Согласен, неравномерное масштабирование фотографий — это большое нет-нет. - person August Karlstrom; 18.08.2015