为什么iPhone CSS断点不起作用

我正在尝试创建一个响应性网站，使用CSS媒体查询为我的iPhone 12 Mini和我的合作伙伴的iPhone 12 Pro Max创建断点。我在几个不同的网站上发现了以下视口宽度，所有这些都证实了这一点：

iPhone 12 Mini viewport width is 375px
iPhone 12 Pro Max viewport width is 428px

以下是我的css代码：

// iPhone 12 Mini
@media screen and (max-width: 375px) {
    .wine-list h1 {
        font-size: 1rem;
    }
}

// iPhone 12 Pro Max
@media screen and (min-width: 376px) {
    .wine-list h1 {
        font-size: 2rem;
    }
}

上述代码以前在两台设备上都工作过一次

但是，当我对

minwidth

值做了一个小更改时，断点停止正常工作，并开始使用主css文件。所以我把它改回来了。但这两种装置仍然拒绝适当地断开<我不明白。这似乎违背了计算机科学的所有定律。如果它以前有效，为什么不再有效？我忽略了什么

---

我直接在iPhone设备上测试网站，我不使用任何模拟器。我在Safari和Chrome中测试了代码。非常感谢您的帮助。

由于我使用了

/

而不是

/**/

来进行评论，代码被破坏。CSS在技术上不应该使用

/

来评论任何东西。我不敢相信我忽略了这一点。我早该知道事情这么简单。可能是缓存。投票支持close，因为它不可复制。