代码之家  ›  专栏  ›  技术社区  ›  xRobot

Internet Explorer中的最大宽度和最大高度解决方案

  •  2
  • xRobot  · 技术社区  · 15 年前

    在本页中:

    http://tinyurl.com/widthheight

    我使用的是最大宽度和最大高度。

    适用于Firefox、Chrome、Opera、Epiphany等,但不适用于Internet Explorer。

    .

    在这种情况下,您推荐什么解决方案?

    我必须限制最大宽度为180px,最大高度为180px。

    4 回复  |  直到 9 年前
        1
  •  1
  •   Happy    15 年前

    尝试为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)
        );
    }
    
        2
  •  1
  •   Mauro    15 年前

    看看这个黑客-我认为IE不支持最大宽度

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

        3
  •  1
  •   Kyle    15 年前

    签出此资源: Max width workaround for IE 6+ . 请注意,对于禁用了javascript的用户,它将不起作用。

        4
  •  1
  •   Andrew    15 年前

    上述解决方案将在IE中实现最大宽度/高度,但只是想指出,如果性能是一个问题,那么您可能需要考虑生成实际的缩略图图像,而不是依赖HTML/CSS大小。

    缩略图将导致较小的文件大小,您可能会对其进行裁剪以改进视觉方向。它还可以解决对javascript和/或CSS表达式的负面性能影响的需求。

    从维护的角度来看可能不可行,但我想我会提到…