在构建网站时,我是初学者。这就是为什么我选择使用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代码并改变图像高度等。
祝你有个美好的一天,并提前感谢你!
答案 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;