为什么在整个页面的第一次加载中没有显示徽标图像？

Question

我一直在用许多设备测试我的网站，发现当我第一次加载整个页面时，徽标图像消失了。这种情况只发生在Mac和iPhone上。然而，当我重新加载页面时，徽标图像出现了。我必须重新加载页面才能看到徽标，这似乎很奇怪。

#logo{
width: 20%;
display: inline-block;
padding-right: 1%;
padding-left: 0;
}
@media only screen and (max-width:575px) {
.navbar-brand{
text-align: center;
}
#logo{
width: 50%;
margin: 0 auto;
position: relative;
} 
}

<h1><a class="navbar-brand" href="index.html"><img id="logo" src="./images/Logo.PNG" alt=""/></a></h1>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>

请帮我解决这个问题。非常感谢！

Answer 1

您已经将img放入h1标记中，这可能会导致问题。

如果这还不能解决问题，我建议显示HTML&页面的CSS——问题可能在其他地方。

您也可以在上检查CSS的兼容性https://caniuse.com/