ошибка в хроме с медиа-запросами

У меня странная проблема с медиазапросами в хроме

Я добавил transition к некоторым элементам на моей странице и создал, например, 3 состояния медиа-запросов.

когда я изменяю размер браузера и изменяю состояние медиа-запроса, мои элементы меняют размер с анимацией, это нормально и идеально, но когда я пытаюсь сохранить размер браузера точно на краю медиа-запросов или очень близко к нему, мои элементы причудливы и дрожать, иногда замедлять скорость моей страницы, как замедленное движение, когда я уменьшаю размер, основная проблема заключается в том, что когда я обновляю этот размер, страница запускается с этой ошибкой

Я проверил свою область медиа-запросов

It is :

@media все и (минимальная ширина: 1500px)

@media all и (минимальная ширина: 1300 пикселей) и (максимальная ширина: 1499 пикселей)

а также ...

также я написал некоторый код css для тех областей, которые медиа-запросы не охватывают, поэтому мой код кажется правильным, это что-то о хроме или трюк с переходом и медиа-запросами

например, когда я выхожу из 1500 пикселей и вхожу в 1499, все в порядке, но когда я пытаюсь закрыть размер браузера до 1500 и последовательно изменить на 1499 и 1500, мои элементы путаются, нет проблем, когда я удаляю переход

Я ПОНИМАЮ, что вероятность такого поведения очень мала, но я хочу это исправить.


person iKamy    schedule 17.08.2013    source источник
comment
Можете ли вы создать jsFiddle для демонстрации?   -  person Brett DeWoody    schedule 19.09.2013


Ответы (1)


Вы ошиблись во втором слове width в @media all and (min-width : 1300px) and (max-with: 1499px)

person Kim Hogeling    schedule 11.11.2013