图片在所有版本的ie浏览器上都显示不正确

Image Displays Incorrectly On All Versions Of Internet Explorer

本文关键字：浏览器 显示 不正确 ie 版本      更新时间：2023-09-26

我有以下Javascript代码来调整页面上图像的大小:

    var max_size = 498;
    $(".slideimage").each(function(i) {
      if ($(this).height() > $(this).width()) {
        var h = max_size;
        var w = Math.ceil($(this).width() / $(this).height() * max_size);
      } else {
        var w = max_size;
        var h = Math.ceil($(this).height() / $(this).width() * max_size);
      }
      $(this).css({ height: h, width: w });
    });

这段代码包含在$(document).ready()函数中。

在Chrome, Firefox, Safari和Opera中查看时，图像显示良好。然而，当在ie7、ie8和ie9中查看同一页面时，有时(嗯，50%的时间)当页面首次加载时，图像以正确的宽度出现，但高度非常非常小。我估计高度在100px左右。但是当页面重新加载时，相同的图像将完美地显示。

这是一个奇怪的问题，只发生在IE。我需要在代码中添加或删除任何东西吗?

欢呼

document.ready()可能在页面上加载所有图像之前发生，因此报告的高度和宽度可以为0，或者像您的情况那样为100。

你需要等待页面的图像加载之前，你可以可靠地找到它们的大小，特别是在IE上。

相关文章：