css - 带有媒体查询的 chrome 错误

Question

我对 chrome 中的媒体查询有一个奇怪的问题

我向页面中的某些元素添加了 transition 并创建了例如媒体查询的 3 种状态

当我调整浏览器大小并更改媒体查询的状态时，我的元素会随着动画改变大小，这很好而且很完美，但是当我尝试将浏览器的大小保持在媒体查询的边缘或非常接近它时，我的元素怪癖和摇晃，有时当我放下调整大小时像慢动作一样减慢我的页面速度，主要问题是当我以该大小刷新页面时出现该错误

我检查了我的媒体查询区域

它是:

@media all and (min-width: 1500px)

@media all and (min-width: 1300px) and (max-with: 1499px)

和...

我还为媒体查询没有涵盖的那些区域编写了一些 css 代码，所以我的代码似乎是正确的，它是关于 chrome 的一些东西或者关于过渡和媒体查询的技巧

例如，当我退出 1500px 并进入 1499 时就可以了但是当我尝试将浏览器的大小关闭到 1500 并连续更改为 1499 和 1500 时，我的元素混淆了，当我删除转换时没有问题

我知道这种行为的可能性非常低，但我想解决它。

Answer 1

您在 @media all and (min-width : 1300px) and (max-with: 1499px) 中拼错了第二个单词 width