Css 标题中的徽标将加载，然后在移动视图中消失

标题中的徽标将加载，然后在移动视图中消失。重新加载页面会使其出现，然后消失。这只发生在使用手机时，我似乎无法在桌面屏幕上复制这种行为。我正试图找出导致这种行为的原因？

---

通过媒体查询（在style.css中），有几个css规则仅适用于特定的视口宽度

但无论您如何更改外部css，实际的img标记

div.navbar-brand>a>img

都设置了一个内联样式属性

display:none

在更宽的视口中设置为

显示：内联。页面加载完成后，它会在小视口中更改

我假设img的style属性是通过javascript更改的

您可以使用屏幕分辨率为
375x812
（例如
iphonex
）的chrome移动模拟再现这种行为。
有一些css规则仅通过媒体查询（在style.css中）应用于特定的视口宽度

但无论您如何更改外部css，实际的img标记
div.navbar-brand>a>img
都设置了一个内联样式属性
display:none
在更宽的视口中设置为
显示：内联。页面加载完成后，它会在小视口中更改

我假设img的style属性是通过javascript更改的

您可以使用屏幕分辨率为
375x812
（例如
iphonex
）的chrome移动模拟再现这种行为。
这可能与缺少的
.circle有关。第一个
元素，尽管我无法在chrome的响应模式下再现该问题。如果您提供有关手机型号的更多信息，可能有助于找到问题的根源。您可以使用屏幕分辨率为
375x812
（例如
iphonex
）的chrome移动视口模拟重现问题。这可能与缺少的
.circle有关。尽管我无法在Chrome的响应模式下复制该问题，但还是第一个
元素。如果您提供有关手机型号的更多信息，可能有助于找到问题的根源。您可以使用屏幕分辨率为
375x812
（例如
iphonex
）的chrome移动视口模拟重现问题。谢谢！事实证明，有一些javascript向内联样式添加了css属性，包括要显示的内联img类：在较小的视口上没有。谢谢！事实证明，有一些javascript向内联样式添加了css属性，包括要显示的内联img类：在较小的视口中没有。