Wordpress响应主题,徽标在浏览器中显示不同

时间:2014-01-24 15:39:16

标签: php html css wordpress

在构建网站时,我是初学者。这就是为什么我选择使用Wordpress构建。

问题是,我得到了响应主题,应该适用于任何浏览器。

我通过外观>自定义>上传徽标来上传徽标。

使用Crome它看起来很棒:

http://imagizer.imageshack.us/v2/800x600q90/12/2tke.png

但是使用firefox,Iphone safari和IE它看起来很糟糕:

http://imagizer.imageshack.us/v2/800x600q90/838/8tl2.png

我有一个Childtheme,而我唯一的代码就是让徽标显示在中间位置:

    @import url("../realia/style.css");

.logo-wrapper { position: relative; left: 10%; }

为什么它看起来像这样,我尝试使用.clearfix代码并改变图像高度等。

祝你有个美好的一天,并提前感谢你!

4 个答案:

答案 0 :(得分:1)

我刚刚检查了你的主题,并注意到了这个课程:

#header-wrapper #header #header-inner .navbar .navbar-inner .logo {
    float: left;
    height: 90px;
    line-height: 90px;
    margin: 0;
}

删除高度:90px,它应该在所有浏览器中都很好看!

答案 1 :(得分:1)

只需从您的<{p>>中删除height即可

.logo class
在调整窗口大小时,

Height也会在Chrome上造成问题。图片无法调整大小。因此,请移除px中的高度。

祝你好运!

答案 2 :(得分:0)

从徽标中删除float: left

e.g:

   #header-wrapper #header #header-inner .navbar .navbar-inner .logo {
       height: 90px;
       line-height: 90px;
       margin: 0;
   }

答案 3 :(得分:0)

我最近在Internet Explorer中无法正确显示徽标时遇到了这个问题,请尝试使用此代码,希望它能正常工作。

max-height: 100% !important;