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

Question

Я должен отобразить изображение в пикселях MxN в контейнере XxY, коллега предложил предоставить атрибут высоты или ширины в теге img.Поэтому, по его словам, если я предоставлю ширину, браузер рассчитает высоту и пропорционально изменит размер изображения.Я не вижу этого в действии, и я не уверен, что все браузеры поддерживают это.

Answer 1

Исходя из моего личного опыта, браузеры изменяют размер изображения пропорционально, если вы указали либо высоту, либо ширину;если вы укажете оба, тогда соотношение будет нарушено, и ваше изображение не будет пропорциональным.

Однако я не уверен, как все браузеры справляются с этим ... Я уверен, что Internet Explorer делает что-то напуганное со времени своего Internet Explorer.В любом случае, вот некоторая информация о масштабировании изображений из Mozilla Developer Network:

https://developer.mozilla.org/en/css/scaling_background_images

Надеюсь, это поможет.

Answer 2

Да, браузеры изменяют размер изображения пропорционально, когда вы предоставляете свойство width или height.