css - Chrome CSS Hack 和媒体查询

Question

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

@media 屏幕和 (-webkit-min-device-pixel-ratio:0) {

#myid {位置：绝对；顶部：10 像素；}


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

#myid {位置：绝对；顶部：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 中呈现不同。所有的行高都被“破坏”了，所以我使用了 hack。

？！