Css 浏览器黑客在流体设计中停止工作

我有一个浏览器黑客的小问题，我的一个缩略图在webkit浏览器中需要比Firefox低几个像素，并且它自己可以很好地工作，如下所示：

#thumbsicon
{
position: absolute;
margin: 596px 0px 0px 150px;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#thumbsicon
{
position: absolute;
margin: 525px 0px 0px 150px;
opacity:0.6;
}
}

但当我用@media all和（最大高度：640px）更新CSS进行流体响应设计时， 我复制/粘贴css并更新相应新尺寸的页边距，Webkit浏览器会忽略所有Webkit css漏洞

（这是经过修剪的版本）

代码中没有错误，花两天时间查找和搜索。。。使用@media all时，黑客不起作用

或者也许有一个语义上的错误我是盲目忽视的

---

谢谢，

第二个

@媒体在第一个。

改为：

@media all and (max-height: 640px) {
    #thumbsicon {
        position: absolute;
        margin: 596px 0px 0px 150px;
        opacity:0.6;
        filter:alpha(opacity=60); /* For IE8 and earlier */
        background: yellow;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #thumbsicon {
        position: absolute;
        margin: 525px 0px 0px 150px;
        opacity:0.6;
    }
}

或：

@media all and (max-height: 640px) {
    #thumbsicon {
        position: absolute;
        margin: 596px 0px 0px 150px;
        opacity:0.6;
        filter:alpha(opacity=60); /* For IE8 and earlier */
        background: yellow;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-height: 640px) {
    #thumbsicon {
        position: absolute;
        margin: 525px 0px 0px 150px;
        opacity:0.6;
    }
}

另请参见此图。
第二个
@媒体在第一个媒体中。

改为：

@media all and (max-height: 640px) {
    #thumbsicon {
        position: absolute;
        margin: 596px 0px 0px 150px;
        opacity:0.6;
        filter:alpha(opacity=60); /* For IE8 and earlier */
        background: yellow;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #thumbsicon {
        position: absolute;
        margin: 525px 0px 0px 150px;
        opacity:0.6;
    }
}

或：

@media all and (max-height: 640px) {
    #thumbsicon {
        position: absolute;
        margin: 596px 0px 0px 150px;
        opacity:0.6;
        filter:alpha(opacity=60); /* For IE8 and earlier */
        background: yellow;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-height: 640px) {
    #thumbsicon {
        position: absolute;
        margin: 525px 0px 0px 150px;
        opacity:0.6;
    }
}

也可以看到这一点。
如果IE8从来都不在移动浏览器上，你为什么要在@media通话中对IE8进行攻击？我建议保持它的静态。它主要用于处理不同的屏幕大小和浏览器，而windows大小的IE8只是作为在互联网上找不到firefox的人的备份…如果IE8从来都不在移动浏览器上，你为什么要在@media call中对IE8进行攻击？我建议保持它的静态。它主要用于处理不同的屏幕大小和浏览器，windows大小的IE8只是作为在互联网上找不到firefox的人的备份…谢谢，它工作得很好。我实际上有这个解决方案，但把所有的括号都弄乱了。干杯，不客气。如果您对答案感到满意，请。谢谢，效果很好。我实际上有这个解决方案，但把所有的括号都弄乱了。干杯，不客气。如果您对答案感到满意，请。