我才12岁 ?

之前会用@media all and (min-width:0) {}作为Opera、Safari等的hack使用，不知道Firefox从什么版本开始已经也支持了，反正这个是不能用啦，今天用的时候才发现，土鳖一下。。。

目前只认Opera的hack就剩下了：@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { …. }，但是这个很明显太长了。。。估计没多少人能记住，也没多少人喜欢用。今天做页面的时候发现了通过使用@media all and () {}，只有Opera会认，其它浏览器不认，但是有一点需要注意的是，如果你确定要使用这个hack，必须要在样式表的末尾去用，因为在Firefox下，会将这段之后的所有样式忽略，其它浏览器不会。（类似的@media screen and () {}也一样的）

Demo地址：仅Opera能显示绿色背景 仅Firefox不能显示红色背景

测试浏览器版本：IE6、7、8、Opera 10.10 Build1840、Firefox 3.5.3、Safari 4.0.3、Google Chrome 3.0。

标签： media

这篇文章发布于 2009年10月21日，星期三，17:33，归类于 编码。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。