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中添加了一个字体,它在chrome和ie中的呈现方式不同.所有行高都被"破坏"所以我使用了黑客.

？!