1

私はこの新しいテクノロジー (レスポンシブ デザイン) に取り組んできましたが、答えがわからない問題が嫌いで、イライラします :/

ここに私のコードがあります: http://jsbin.com/ejadej/1

Chrome の最新バージョンでは、Firefox がこのメディア クエリを読み取っていないのに、私のコードで想定されているサイトが表示されます。

@media screen and(min-width: 960px) {
    #php-info-title {
        background-color: #322E2C;
        position: absolute;
        left:100px;
        bottom: 0px;
        color:white;
        z-index: 0;
        max-width: 300px;
    }
}

無視しているだけです（メディアクエリを削除するとうまく機能しますが、それはしたくありません）。

興味深いことに、その上に書かれた他のメディア クエリを使用すると、Firefox はうまく機能します。

Firefox で何が起こっているのですか?

ご協力いただきありがとうございます。

4

1 に答える 1

7

仕様ごとに、andと の間にスペースが必要(です。持っていない場合、それは有効な@mediaルールではありません。

私はhttps://bugs.webkit.org/show_bug.cgi?id=117396とhttp://code.google.com/p/chromium/issues/detail?id=248043に提出しました。

于 2013-06-10T07:52:08.890 に答える