-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