【问题标题】:@media queries & smashingmagazine.com@媒体查询和粉碎杂志.com
【发布时间】:2012-02-16 00:40:09
【问题描述】:

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/ 目前是如何根据计算出的浏览器宽度更新其网站的?

谢谢!

干杯, 抢

【问题讨论】:

  • 应该与支持媒体查询的浏览器一起使用。但是你为什么不自己尝试一下呢?

标签: css media rules


【解决方案1】:

是的,我发现情况确实如此。如果您有一系列针对不同浏览器大小的@media 查询并调整窗口大小,您可以看到事物在“实时”移动。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-10-15
    • 2015-06-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-18
    • 2022-01-25
    • 1970-01-01
    相关资源
    最近更新 更多