-3
我有相同的css属性,但它看起来不同的铬和mozila。 我希望所有这些图像向左浮动,并在它们之间具有相同的边距。 但这些图像的父div的宽度是100%。并且图像的宽度也不同。我希望他们水平覆盖整个区域。相同的css,但在mozila和铬不同的看法
我不知道它们在这些浏览器中看起来有什么不同。
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
你是否在放大的相应浏览器供应商添加前缀(webkit的,-mos-等)?尝试'CTRL +(鼠标向后滚动)' –
没有。其100%变焦 – SPGuar
请帮我解决这个问题。 :( – SPGuar