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 。
witter:
共有16 条评论
很怪异哦
不知道hack是怎么做出来的
囧,先收藏着,暂时被IE和FF折腾ing
题外话,Safari 3.1/windows 不能识别@media
两个不太常用的 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 识…
@media all and (min-width: 0px) {}不仅仅是Opera9+,记得以前测试至少Opera7+都支持。
to Lunatic Sun:Safari3.1/windows应该能识别@media的,我的站点都是利用@media来写的。
@Lunatic Sun Safari3.1/windows识别的,早上我做过测试的^^
@秦歌 对于Opera,我一般只支持最新的版本,所以上面用了Opera 9+,估计我又误人子弟了–!
@秦歌 修改了一下措辞。
别说不常用了,我还真是第一次见到这些hack呢。哈哈…也博友知道什么时候会用到,先装起来吧。
看了还是不理解,(min-width: 0px),是啥意思呢?是hack申明的一部分还是可以和前面的@media互换的部分?
看着就累了..多累的东西呀!
@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}}
可以试下
可以参考下这篇文章
http://www.evotech.net/blog/2007/06/targeting-safari-30-with-css/
@秦歌、怿飞 – 抱歉讲错了,safari3.1/windows只不过在@media中使用@import有点小bug,会忽略全部之后的CSS,而不是仅忽略@import中的CSS
真是第一次见 装起来
IE FF都没搞称头还来个Safari 和 Opera 郁闷
Safari 和 Opera 做hack真还做弄过,小公司基本基本能做到IE+FF兼容就不错了!