Максимальная ширина и максимальная высота в Internet Explorer

Question

На этой странице:

http://tinyurl.com/widthheight

Я использую max-width и max-height.

Отлично работает для Firefox, Chrome, Opera, Epiphany и т. Д., Но НЕ для Internet Explorer.

.

Какое решение вы порекомендуете в этом случае?

Я должен ограничить максимальную ширину 180px и максимальную высоту 180px.

Answer 1

Вышеупомянутые решения будут работать для реализации max-width / height в IE, но просто хотелось бы отметить, что если производительность является проблемой, вы можете захотеть взглянуть на создание реальных миниатюр изображений вместо того, чтобы полагаться на размеры HTML / CSS. 1001 *

Миниатюры приводят к уменьшению размера файла, и вы можете обрезать их, чтобы улучшить визуальное направление. Это также позволило бы обойти необходимость JavaScript и / или негативные последствия для производительности CSS-выражений.

Может быть неосуществимо с точки зрения технического обслуживания, но я подумал, что упомяну это ...

Answer 2

Проверьте этот ресурс: Обходной путь максимальной ширины для IE 6 + .Обратите внимание, что это не будет работать для пользователей с отключенным Javascript.

Answer 3

Попробуйте добавить это для IE max-width:

.maxwidth {
    zoom:1;
    maxwidth:expression(
        function(t){
            var w = t.parentNode.scrollWidth;
            if (w != t.w) {
                t.w = w;
                var max = parseInt(t.currentStyle['max-width'], 10);
                t.style.width = 'auto';
                if (t.scrollWidth > max) {
                    t.style.width = max;
                }
            }
        }(this)
    );
}

Answer 4

взгляните на этот хак - я не думаю, что IE правильно поддерживает max-width

http://www.svendtofte.com/code/max_width_in_ie/