内部img在div上的FF max-width问题

时间:2016-10-14 13:04:50

标签: javascript css3 firefox

例如,我有图像轮播的阻止。我对图片尺寸一无所知。我想垂直和水平对齐图像到中心。一个特别的事情是我需要在图像上方包装,所以我可以用用户名设置小盘子。所以我使用max-width:100%和max-height:100%用于中心和中间对齐,如此

How to vertically align an image inside div

所以我有这段代码



event.target

document.querySelector("someSelector").addEventListener(function(event){

 console.log(event.target);
 console.log(event.currentTarget);

});




图像高度大于容器时出现问题。当它发生时图片超大包装并固定它我设置高度:100%包装和图片适合它。我在这里问的是,在FF浏览器中,当我设置高度:100%包装图像是比例尺,但是包装器不跟随它并且仍然具有原始宽度。

所以你可以在任何浏览器中打开它而不是Firefox,看看它是如何工作的

如果你愿意,可以使用JS小提琴 http://jsfiddle.net/crazyboris/pd3v2kp8/1/

你有什么想法为什么会这样?

1 个答案:

答案 0 :(得分:0)

这是因为您的.frame-wrapper没有指定高度和宽度是绝对定位的容器。添加:

height: 100%;
width: 100%;