@медиа-запросы и smashingmagazine.com

Выполняют ли медиа-запросы CSS3 «переоценку» при изменении браузера? Например, если у меня есть:

@media screen (min-width=400) {... some style}
@media screen (min-width=800) {... some other style}

И пользователь изменяет размер своего браузера с минимальной ширины = 800 на что-то, что соответствует минимальной ширине = 400, будет ли он автоматически повторно применять все правила CSS?

ссылка: http://reference.sitepoint.com/css/mediaqueries

Кроме того, именно так http://www.smashingmagaze.com/ в настоящее время обновляет свой сайт на основе расчетных ширина браузера?

Спасибо!

Привет, Роб


person sapiensgladio    schedule 22.01.2012    source источник
comment
Должен работать с браузерами, поддерживающими медиа-запросы. Но почему бы тебе не попробовать это самому?   -  person Johannes Klauß    schedule 22.01.2012


Ответы (1)


Да, я обнаружил, что это так. Если у вас есть ряд запросов @media для разных размеров браузера и вы изменяете размер окна, вы можете видеть, как вещи перемещаются «вживую».

Это именно то, что делает Smashing Magazine, вы можете увидеть отзывчивый CSS здесь: http://media.smashingmagazine.com/themes/smashingv4/stylesheets/responsive.css?ver=3939

person ellawren    schedule 22.01.2012