@media查询& smashingmagazine.com

时间:2012-01-22 02:37:18

标签: css media rules

CSS3媒体查询会在更改浏览器时“重新评估”吗?例如,如果我有:

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

并且用户将其浏览器从会议min-width = 800重新调整为仅满足min-width = 400的内容,是否会自动重新应用所有CSS规则?

参考: http://reference.sitepoint.com/css/mediaqueries

此外,这是http://www.smashingmagaze.com/目前根据计算的浏览器宽度更新网站的方式吗?

谢谢!

干杯, 罗布

1 个答案:

答案 0 :(得分:0)

是的,我发现情况确实如此。如果您针对不同的浏览器尺寸进行了一系列@media查询并调整了窗口大小,那么您可以看到移动的内容。'直播。

这正是Smashing Magazine所做的,你可以在这里看到响应式CSS:http://media.smashingmagazine.com/themes/smashingv4/stylesheets/responsive.css?ver=3939