2014-01-23 97 views
0

我是這種工作的初學者。所以請耐心等待!WordPress的標題顯示Firefox和IE

我的標題在Firefox,IE和移動Safari瀏覽器中有點麻煩。該徽標顯示爲巨大且超過導航欄。我設法通過添加overflow來隱藏它。

它是一個WordPress的網站。

但它仍然沒有以正確的方式顯示。

這是我做了什麼來解決它。

.logo-wrapper { 
    line-height: 2.5ex; 
    height: 90px; /* 2.5ex for each visible line */ 
    overflow: hidden; 
    /*Option 1: display: inline */ 
    /*Option 2: overflow: auto; */ 

.clearfix:before, 
.clearfix:after { 
    content: ".";  
    display: block;  
    height: 0;  
    overflow: hidden; 

.clearfix:after {clear: both;} 
.clearfix {zoom: 1;} 

我做錯了什麼?

退房網站:http://bit.ly/1akopZL

最好的問候。

回答

0

儘量簡單地添加以下到你的CSS:

.logo img { 
    max-height: 100% 
} 

我給這個文本,它應該做的伎倆。

編輯:考慮到響應性。

+0

感謝您的回答flungo!我但在代碼中,實際上徽標顯示更好。但它仍然顯示不同的Firefox,你看我的意思? – user3227714

+0

在Chrome中它看起來不錯,但仍然在Firefox,IE和移動Safari上,它看起來像是向右漂移並且被調整大小。 – user3227714

+0

沒有注意到這是一個響應網站。現在看看。 – flungo

相關問題