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

我是一个初学者，当谈到建立一个网站。这就是我选择使用Wordpress构建的原因

问题是我得到了一个可以与任何浏览器一起使用的响应性主题

我通过进入外观>自定义>上传徽标上传徽标

有了Crome，它看起来很棒：

但firefox、Iphone safari和IE看起来很糟糕：

我有一个Childtheme，我唯一输入的代码是让徽标向中间显示更多：

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

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

为什么看起来像这样，我尝试了.clearfix代码和更改图像高度等

---

祝你度过愉快的一天，并提前向你表示感谢

我刚刚查看了你的主题，并注意到这节课：

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

---

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

只需将

高度

从

.logo class

Height

在调整窗口大小时也会导致Chrome出现问题。图像无法调整大小。因此，删除

px

中的高度

---

祝你好运

从徽标中删除

float:left

e、 g:

---

我最近遇到了这个问题，当我的徽标没有在internet explorer中正确显示时，请尝试使用此代码，希望它能正常工作

max-height: 100% !important;

---

查看站点：在style.css或header.php中？谢谢你的回答！！我设法移走了，高度和浮力：左；来自.logo类。现在，它在firefox和IE中看起来不错，但在手机中看起来仍然不好。删除浮动并不能解决移动设备上的问题。请在chrome上调整浏览器窗口的大小。嗨！谢谢你的回答。我觉得自己有点“胡闹”和愚蠢，但我在哪里找到这个？我签出了.css文件并删除了高度等，但它看起来还是一样。我可以在main.css文件中添加一个代码来覆盖它吗？我设法删除了，height和float:left；来自.logo类。现在它在firefox和IE上看起来不错，但在手机上看起来仍然很糟糕。你错过了手机媒体查询。我想是设备。“@media only screen and（max device width:768px）{/*style*/.logo{max width:50%；}/*将logo的大小调整为50%适合移动设备*/}”您好，现在它在移动设备中看起来更好了。但它仍然有点向右推，切换菜单和徽标。如果你看一下徽标有点大，我在CSS中使用了以下代码：#header wrapper#header#header inner.navbar.navbar inner.logo{float:none！important；height:auto！important；}，我也使用了你的代码。

max-height: 100% !important;