Html 在Safari中，响应图像的宽度不会达到100%（铬合金材质）

在我的网站上，我使用媒体查询根据设备大小调整元素大小。在任何浏览器（Chrome、Safari等）中，这都可以很好地工作，元素的大小也可以很好地调整

不过我有一个大问题，那就是我有一个logo img标签，它以自动宽度开始，然后在移动设备上（媒体查询工作正常，它会做出反应并应用样式），它应该是100%宽度，所以它占据了整个行。这在Chrome和Firefox中非常有效，但在Safari中不起作用

使用Safari dev工具，我可以看到它实际上是对元素应用了100%的宽度，但它实际上并没有计算视口的100%宽度，而是计算了其他一些数字（不确定它来自何处）

所以本质上的问题是，在Safari中（并且仅在Safari中），当我尝试对元素应用100%宽度时，它无法正常工作。它已应用，但实际上不是完整的视口宽度

我有我的viewport meta标签和其他东西，但这是发生在桌面和移动Safari上的，所以我怀疑这是真的

有什么想法吗

我将分享一些代码：

.Logo
宽度：100%
利润上限：3em
下边缘：2米
显示：块
文本对齐：居中
@媒体（最小宽度：移动导航中断）
边际下限：3em
文本对齐：左对齐
保证金：0
弹性：1
img
高度：3em

将此元标记添加到头部。元名称视口：

<meta name="viewport" content="width=device-width,initial-scale=1" />

您是否尝试将：

添加到HTML中？我想你会的，因为你提到了它，有可能共享一些代码吗？你的场景中哪一部分可能与C语言有关？Gerhardh None，这是什么样的问题？@daan.desmedt正如我在问题中提到的，我有一个适当的视口标记。