1、仅 Safari 和 Opera 识别的 Hack

@media all and (min-width: 0px) {
/* Safari and Opera  rules here */
}

或者

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Opera rules here */
}

注:这里所指代的 Safari 和 Opera 一般为最新版本。

2、仅 Firefox 3 和 IE7 识别的 Hack

selector, x:-moz-any-link, x:default {
/* Firefox 3  and IE7 rules here */
}

注:由于 Firefox 2 和 Firefox 3 共存,且两个版本对 CSS 的解析有部分不一致,或许用得着这个 Hack 。

共有14 条评论

  1. 1. 我的头像最帅! 南芝

    很怪异哦
    不知道hack是怎么做出来的

  2. 2. 我的头像最帅! 大猫

    囧,先收藏着,暂时被IE和FF折腾ing

  3. 3. 我的头像最帅! Lunatic Sun

    题外话,Safari 3.1/windows 不能识别@media

  4. 4. waakee.com

    两个不太常用的 CSS Hack _ PlanABC - 怿飞’s Blog…

    1、仅 Safari 3+ 和 Opera 9+ 识别的 Hack
    @media all and (min-width: 0px) {/* Safari 3+ and Opera 9+ rules here */}
    或者
    media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari 3+ and Opera 9+ rules here */}
    2、仅 Firefox 3 和 IE7 识…

  5. 5. 我的头像最帅! 秦歌

    @media all and (min-width: 0px) {}不仅仅是Opera9+,记得以前测试至少Opera7+都支持。

    to Lunatic Sun:Safari3.1/windows应该能识别@media的,我的站点都是利用@media来写的。

  6. 6. 我的头像最帅! 怿飞

    @Lunatic Sun Safari3.1/windows识别的,早上我做过测试的^^
    @秦歌 对于Opera,我一般只支持最新的版本,所以上面用了Opera 9+,估计我又误人子弟了–!

  7. 7. 我的头像最帅! 怿飞

    @秦歌 修改了一下措辞。

  8. 8. 我的头像最帅! BlogYou.net

    别说不常用了,我还真是第一次见到这些hack呢。哈哈…也博友知道什么时候会用到,先装起来吧。

  9. 9. 我的头像最帅! DeadFire

    看了还是不理解,(min-width: 0px),是啥意思呢?是hack申明的一部分还是可以和前面的@media互换的部分?

  10. 10. 我的头像最帅! Jun

    看着就累了..多累的东西呀!

  11. 11. 我的头像最帅! OoSleePinG

    @media all and (min-width: 0px){ }opera和safari都支持
    @media screen and (-webkit-min-device-pixel-ratio:0){}
    这个只支持safari,以前做表单统一样式的时候研究过。
    如果想区分opera和safari的话先写
    @media all and (min-width: 0px){
    }
    然后写
    @media screen and (-webkit-min-device-pixel-ratio:0){}
    就OK了

    div{ width:100px; height:200px;}
    @media all and (min-width: 0px){ div{ background:red} }
    @media screen and (-webkit-min-device-pixel-ratio:0){div{background:#000}}

    可以试下

  12. 12. 我的头像最帅! OoSleePinG

    可以参考下这篇文章
    http://www.evotech.net/blog/2007/06/targeting-safari-30-with-css/

  13. 13. 我的头像最帅! Lunatic Sun

    @秦歌、怿飞 - 抱歉讲错了,safari3.1/windows只不过在@media中使用@import有点小bug,会忽略全部之后的CSS,而不是仅忽略@import中的CSS

  14. 14. 我的头像最帅! 考试

    真是第一次见 装起来

发表评论

(必填)

(必填,会为您保密)

评论仅支持“a、abbr、strong、em、blockquote、code”几个简单的标签