Например, рассмотрим следующий случай:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
@media (min-width: 500px){
body {
background-color: red;
}
}
@media (max-width: 499px){
body {
background-color: blue;
}
}
</head>
<body>
Hi there!
</body>
</html>
После загрузки страницы, если мы изменим ширину браузера, после того, как ширина станет меньше 500 пикселей, фон страницы изменится.
Вопрос:
Рендерит ли браузер всю страницу и связанные CSS-файлы всякий раз, когда мы изменяем размеры браузера? Если нет, то как сохраняется эта динамическая структура?