Javascript создать img только с одним набором измерений вызывает растяжение в IE

Question

Если я использую код ниже, чтобы установить ширину изображения, но не высоту, вместо пропорционального масштабирования высоты, как в Safari и FF, IE просто отображает фактическую высоту изображения, заставляя его растягиваться (моя настройка ширины заключается в отображении изображенияменьше оригинального размера).

nImg = document.createElement('img');
nImg.setAttribute("src",'img.jpg');
nImg.setAttribute("width","100");
c.appendChild(nImg);

Answer 1

Вы не должны указывать пустую высоту. Если вы хотите просто установить ширину, то добавьте ширину, но не высоту. Если вы хотите сохранить такое же ограничение по размеру, вам нужно будет также установить высоту, но не с пустой строкой.

Если вы опустите высоту, поведение по умолчанию не будет ограничением хранения. W3C сказал:

Всегда указывайте атрибуты высоты и ширины для изображений. Если высота и ширина задаются, место для изображения зарезервировано когда страница загружена. Однако без этих атрибутов браузер не знает размер изображения и не может зарезервировать подходящее место для него. Эффект будет таким, что макет страницы будет изменить во время загрузки (при загрузке изображений).