Chrome CSS黑客和媒体查询

Question

我想建立一个自适应网站，但到目前为止，我的尝试在Chrome中存在一些问题。现在的问题 - 将媒体查询插入chrome css hack？

@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。任何人都知道如何解决这个问题？

Answer 1

您希望听到的答案以及我在评论中暗示的答案是：

@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;}
}​

尽管我想解决你的根本问题......

  

我已经通过@ font-face添加了一个字体，该字体的呈现方式不同   铬和即。所有行高都被“破坏”，所以我使用了黑客。

？！