IE обрабатывет max-width как-то по своему?Почему мне об этом никто не сказал???

Question

[cache0]

4 часа лазил с этим мягко говоря продуктом жизнедеятельности Майкрософта
оказывается ИЕ обрабатывает свойство max-width слоя в котором есть картинка исходя из значения width картинки, которая находится в этом div`е
можно ли сделать нормально без использования JS? чтоб значение обертки картинки max-width div зависело от ширины viewport

UPD:
codepen.io/cache0/pen/ZeBBrp

Comments

[cache0]

на... сделал на jQuery

$(function() {
function first_screenSizer() {
var dcsimgW = $(window).width();
if (dcsimgW < 991) {
$('.mans_right_img').attr({
width: dcsimgW/2
});
}
else {
$('.mans_right_img').removeAttr('width')
}
}
first_screenSizer();
$(window).resize(function() {
first_screenSizer();
});
});

[iBird Rose]

полюбому для твоей ситуации есть уйма альтернативных решений без создания костылей для max-width. пиши проблему.

[cache0]

codepen.io/cache0/pen/ZeBBrp

Answer 1

[cache0]

Короче так, если явно не указать значение width обертки responsive картинки, то IE берет значение для свойства max-width исходя из значения свойства width обертываемой картинки
это утверждение имеет силу только в этом примере: codepen.io/cache0/pen/ZeBBrp