css没有遵循显示的规则

Question

根据Chrome的说法，边框宽度规则为4px，但无论如何它都显示宽度为0（从屏幕截图中可以看到）。 Firefox正在展示同样的东西。我已经尝试了百万种方式来显示边界（我在移动设备的媒体查询中），但它只是不会这样做。

在什么条件下浏览器会覆盖它显示为应用的规则？通常这个工具会直接指出问题出在哪里，但在这种情况下，工具似乎表明我做的一切都是正确的。