在DOM被加载之后,我附加了一个新创建的映像:
var i = $('<img/>'); i[0].src = 'http://placehold.it/700x300'; i.attr('alt',''); i.on('load',function() { $('body').append(i); });
我为CSS中的图像设置了一个固定的高度:
img { height: 150px; }
不幸的是,Internet Explorer将width和height属性添加到图像中,从而使其严重失真.我该如何防止这种情况?添加元素后,是否必须手动删除属性?
解决方法
尝试这个:
img { height: 150px; width: auto; }