2016-09-06 78 views
-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% 

} 

enter image description here

Mozila

enter image description here

+0

你是否在放大的相應瀏覽器供應商添加前綴(webkit的,-mos-等)?嘗試'CTRL +(鼠標向後滾動)' –

+0

沒有。其100%變焦 – SPGuar

+0

請幫我解決這個問題。 :( – SPGuar

回答

1

我認爲你可以在你想運行代碼

相關問題