Невозможно растянуть изображение и изменить соотношение сторон с помощью Internet Explorer

Question

Невозможно растянуть изображение и изменить соотношение сторон с помощью Internet Explorer

0

У меня есть следующий HTML-код для отображения изображения:

<img src="img_locations/location1.jpg" height="200px" width="300px">

Соотношение сторон, указанное выше, составляет 3: 2. Само изображение имеет соотношение сторон 4: 3. Вышеуказанное растягивает изображение и отображает правильные пиксели в Chrome/Firefox. В IE10/IE9 браузер учитывает высоту (200 пикселей), но уменьшает ширину, так что исходное соотношение сторон 4: 3 сохраняется.

Как переписать этот рендеринг в Internet Explorer и отобразить изображение в соотношении сторон 3: 2?

Lloyd Banks 04 окт. 2013, в 02:37

Источник

1

Можете ли вы предоставить тестовый пример jsbin.com или jsfiddle.net ?
thirtydot 04 окт. 2013, в 00:21
0

Не удается воспроизвести jsfiddle.net/DtL2a. IE10 учитывает высоту / ширину.
Yuriy Galanter 04 окт. 2013, в 02:08

Теги:

html

css

image

internet-explorer

1 ответ

Ещё вопросы

Можете ли вы предоставить тестовый пример jsbin.com или jsfiddle.net ?
Не удается воспроизвести jsfiddle.net/DtL2a. IE10 учитывает высоту / ширину.

russtuck91 · Accepted Answer · 2013-10-04T00-56-00.000Z

Вы используете CSS. В настоящее время определение ширины и высоты в качестве атрибутов HTML - очень плохая практика. Вы должны сделать что-то вроде этого:

img {
    width: 300px;
    height: 200px;
}