html - 图像缩放问题

Question

我在这里遇到了图像尺寸问题：http: //goo.gl/UYUuJL使图像缩放，以使图像高度按比例填充 div“pika-stage”的 100%。我很抱歉，这已在其他地方得到回答。

这是CSS：

    .pika-stage {
         position: relative; 
         text-align: center; 
         height: auto; 
         max-height: 410px; 
         overflow: hidden; 
         background: #000;
    }

    .pika-stage img {
         height: 100% !important;
         position: relative;
    }

以这个画廊最右上角的缩略图为例：原始尺寸：1364 × 2921（腿上应该有一头大象）。单击缩略图后，它就无法将图像缩放到足以在“pika-stage” div 中成比例地适应整个事物的程度。这种缩放是否会以某种方式被媒体图像大小覆盖？任何帮助将非常感激。

谢谢

Answer 1

定义height: 100%为您的.pika-stage而不是height: auto;

.pika-stage {position: relative; text-align:center; height:100%; max-height:410px; overflow:hidden; background: #000;}