-4

レスポンシブサイトを作りたいのですが、これまでのところクロームに問題があります。今の問題-メディアクエリをクロームCSSハックに挿入しますか？

@media screen and（-webkit-min-device-pixel-ratio：0）{

#myid {位置：絶対; 上：10px;}


@media only screen and（max-width：1024px）{

#myid {位置：絶対; 上：8px;}

}

}

cssでのみ必要なので、javascriptやphpは必要ありません。誰かがその問題を解決する方法を考えていますか？

4

1 に答える 1

8

あなたが聞きたい、そして私がコメントでほのめかした答えは、次のとおりです。

@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で異なる方法でレンダリングされます。すべての行の高さが「破壊」されたので、ハックを使用しました。

？！

于 2012-07-17T16:39:00.053 に答える