例如,我有图像轮播的阻止。我对图片尺寸一无所知。我想垂直和水平对齐图像到中心。一个特别的事情是我需要在图像上方包装,所以我可以用用户名设置小盘子。所以我使用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/你有什么想法为什么会这样?
答案 0 :(得分:0)
这是因为您的.frame-wrapper没有指定高度和宽度是绝对定位的容器。添加:
height: 100%;
width: 100%;