2012-07-17 57 views
-4

我想打一个负责任的网站,但我尝试迄今已在Chrome的一些问题。现在的问题 - 插入媒体查询到chrome css黑客?铬CSS黑客和媒体查询

@media screen and (-webkit-min-device-pixel-ratio:0) { 

#myid {position: absolute; top: 10px;} 


@media only screen and (max-width: 1024px) { 

#myid {position: absolute; top: 8px;} 

} 

}

只需要在CSS中,所以没有JavaScript或PHP。任何人都知道如何解决这个问题?

+0

哇,欢迎您! Thx为你非常专业的答案....你真的认为我没有尝试它已经解决铬问题?为什么我会在这里问... – Alex 2012-07-17 16:00:27

+0

有没有其他的想法? – Alex 2012-07-17 16:00:38

+0

询问你的问题,不是关于[你尝试解决你的问题(http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem)。顺便说一句,你不能像这样嵌套媒体查询。但是,您可以将黑客媒体查询和其他媒体查询合并为一个... – thirtydot 2012-07-17 16:06:15

回答

7

你想听,那我在评论暗示答案是:

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #myid {position: absolute; top: 10px;} 
} 

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1024px) { 
    #myid {position: absolute; top: 8px;} 
}​ 

虽然我想为您解决根本问题了...

从来就加入经由在 铬和即不同地渲染@字体面的字体。所有的线高被“摧毁”,所以我使用了黑客。

?!