javascript - 为什么这些图像比原始尺寸大？

Question

我从 Facebook 提取了多张图片。它们被放置在滚动条中。当您单击图像时，会出现一个包含实际图像的对话框(滚动条中的图像是缩略图大小，您从使用 src_small 的 facebook 查询中获得的图像)

在获取图像之前，我无法确定图像的大小。有些很大，有些很小。为了解决这个问题(所以所有图像都适合 dialog 并且尺寸合理)我试过这个:

/*
 * Image in the dialog div
 */
 .DialogImagesBig
 {
     position: relative;
     width: 95%;
     top: 0px;
     left: 10px;
 }
 /*
  * Firefox only
  */
 @-moz-document url-prefix() 
 {
     /*
      * Edits images for FF
      */
     .DialogImagesBig
     {
         height: 95% !important;
         width: 95% !important;
         position: relative;
         top: 0px;
         left: 10px;
     }
}

但它实际上使一些图像比实际更大(大图像较小，但小图像更大且像素化)。这是为什么？我该如何解决这个问题，使所有图像都适合 dialog 而不是像素化？

编辑 我被告知我需要使用 Javascript(或 Jquery？)来完成这项工作。我该怎么做呢？

Answer 1

95% 的宽度/高度表示 父元素宽度/高度的 95%，而不是图像原始大小的 95%。