Chrome与媒体查询中的错误

时间:2013-08-17 05:27:24

标签: css3 google-chrome media-queries css-transitions

我在Chrome中的媒体查询存在一个奇怪的问题

我在页面中的某些元素中添加了过渡,并创建了3种媒体查询状态

当我调整浏览器的大小并更改媒体查询的状态时,我的元素会随着动画改变大小,它很完美但是当我尝试将浏览器的大小完全保留在媒体查询的边缘时接近它我的元素怪癖和摇晃,有时慢下来我的页面速度像慢动作当我放下调整大小,主要问题是当我刷新该大小页面运行该错误

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

是:

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

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

和......

我也为媒体查询未涵盖的那些区域编写了一些css代码,因此我的代码似乎是正确的,它是关于chrome或关于转换和媒体查询的技巧

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

我理解这种行为的可能性非常低,但我想解决它。

1 个答案:

答案 0 :(得分:0)

你拼错了width

中的第二个单词@media all and (min-width : 1300px) and (max-with: 1499px)