2014-01-23 66 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

相关问题