相同的css但在mozila和chrome中的不同视图

Question

我有相同的css属性，但它在chrome和mozila中看起来不同。 我希望所有这些图像向左浮动并在它们之间具有相同的边距。 但这些图像的父div的宽度是100％。和图像的宽度也不同。我希望他们能够横向覆盖整个区域。

我不知道为什么它们在这些浏览器中看起来有所不同。

HTML

<div class="bottomLogoWrapper">
<h3>Lor separat existentie</h3>
    <div class="logoContainer clearFix">
    <div class="bottomLogo lfloat"><a><img src="images/fireFax.png"></a></div>
    <div class="bottomLogo lfloat"><a><img src="images/optus.png"></a></div>
    <div class="bottomLogo lfloat"><a><img src="images/toyota.png"></a></div>
    <div class="bottomLogo lfloat"><a><img src="images/theIconic.png"></a></div>
    <div class="bottomLogo lfloat"><a><img src="images/kogan.png"></a></div>                    
</div>
</div>

CSS

.bottomContent > .bottomLogoWrapper{
    width: 100%;
    padding: 50px 15px;
    border-bottom: 3px solid #e5e5e5;
    margin-bottom: 50px;
}

.bottomContent > .bottomLogoWrapper h3{
    margin:0 auto 50px;
    color: #3f3f40;
}

.bottomContent .logoContainer{
    width: 100%;
    display: inline-block;
}

.bottomContent .logoContainer .bottomLogo{
    margin: 0 5%;
}

.bottomContent .logoContainer .bottomLogo:last-child{
    margin: 0px;
}

.bottomContent .logoContainer .bottomLogo a{
    cursor: pointer;
}
.bottomContent .logoContainer .bottomLogo img{
    width: 70%

}

铬

Mozila

Answer 1

我认为您可以为要运行代码的各个浏览器添加供应商前缀（webkit，-mos-等）