2016-09-06 36 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

我认为你可以在你想运行代码

相关问题