@media queries & smashingmagazine.com

Question

Помогают ли 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/ в настоящее время обновляет свой сайт на основе расчетной ширины окна браузера?

Спасибо!

Приветствия, Роб

Answer 1

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

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