html/css媒体查询是否是脉冲式的?

Question

或者说整个css文件是否是自动检测更新的.我这样说的理由很简单,我有两个@media规则,一个是(min-width:481px),另一个是(max-width:480px).在我并没有刷新页面的情况下使浏览器窗口变到最小,页面自动应用了小尺寸规则.

Answer 1

当你resize 浏览器时，浏览器会重新reflow，建议阅读浏览器的渲染原理简介,会让你有一个更清晰的认识。

Answer 2

估计是窗口大小变化后有个回调，重新根据css排版下页面。

Answer 3

当你改变浏览器窗口的时候，会自动匹配对应的样式规则，这是浏览器自身的机制。

SF就是做了屏幕响应式的，你可以改变一下窗口大小看看。