例如，考虑以下情况：
<!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>
加载页面后，如果我们要更改浏览器的宽度，则宽度小于500px后，页面的背景就会改变。
问题：
每当我们调整浏览器大小时，浏览器是否会重新渲染整个页面和链接的CSS文件？如果没有，如何保留这种动力学结构？