19

WebDeveloper拡張機能があり、CSS警告が表示されたので、調査に行きました。警告は次の3つです。

Warning: Unknown property 'box-sizing'.  Declaration dropped.
Line: 0

それから私は空白のファイルを作成し、それがそこにないことに気づきました。数分後、再現可能な原因を見つけました。jQuery1.9.1スクリプトを含みます。

私は何ができますか、またはすべきですか？jqueryを使用したいのですが、ツールバーにCSSの警告が永遠に表示されるのは少し面倒です。

<!DOCTYPE html>
<html>
<head></head>
<body>
<div>Empty</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</body>
</html>
4

2 に答える 2

22

オプション

  1. jQuery 1.7.2 を使用します。
  2. jQuery チームに問題を提起し、修正を期待します (または自分で修正します)。
  3. WebDeveloper の代わりに Firebug を使用してください (役立つ場合とそうでない場合があります)。
  4. それを無視します。

ページが正しくレンダリングされる限り、CSS の検証を厳密に要求する Web サイトを構築している場合でも、これは安全に無視できる警告だと思います。

box-sizing警告は、Firefox が(接頭辞を必要とせずに)を完全にサポートするようになるとすぐに消えますが-moz-、Firefox 21 以降のバージョンになるまで発生しません。

背景情報

この警告は、特定の CSS スタイルに必要なさまざまな構文から発生します。すべてのブラウザーをサポートするには、通常、さまざまな構文をすべて指定する必要があります。ブラウザは、認識できないものを無視します。

の場合box-sizing、Firefox には-moz-プレフィックスが必要です。Safari Mobile の初期バージョンと Android ブラウザには-webkit-プレフィックスが必要です。その他のブラウザにはプレフィックスはまったく必要ありません。

-webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
        box-sizing: content-box;

線形グラデーションを追加するときに同様の問題が発生します。この場合は、プロパティ名ではなく値が原因です。

background-image: -webkit-linear-gradient(top, #444, #999);
background-image:    -moz-linear-gradient(top, #444, #999);
background-image:     -ms-linear-gradient(top, #444, #999);
background-image:      -o-linear-gradient(top, #444, #999);
background-image:         linear-gradient(top, #444, #999);

使用されているさまざまな構文から警告が発生する場合は、通常、バリデーターまたはエラー コンソールが、多くの場合避けられない無害な問題から実際の問題を認識できるほど賢くない場合です。公平を期すために、実際にはエラーではなく警告として識別されます。

追加情報

新しいバージョンの jQuery は、box-sizing内部目的でスタイルを利用します。jQuery 1.8.0 は 1 つのbox-sizing警告のみを生成し、jQuery 1.7.2 は何も生成しません。

jQuery は少し不注意な方法でそれを使用している可能性があります (最初に何らかのサポートがあるかどうかをテストすることはありません)。ただし、実際に害を及ぼすことはありません。もしそうなら、十分な数の人々がそれについて jQuery チームに不満を言うなら、jQuery コードはこれに対処するためにリファクタリングされる可能性があります (jQuery の実行が少し遅くなるという犠牲を払って)。

警告が-moz-box-sizingではなくに関するものである場合box-sizing、jQuery の小さな問題ではなく、Firefox のバグの可能性を示唆している可能性が高くなります。

于 2013-03-09T04:02:49.563 に答える
2

jQuery 関係者によると、これは Firefox の問題であり、彼らにはどうすることもできません。Firefox 27(ベータ) の時点で、まだ発生しています。参照: http://bugs.jquery.com/ticket/13569

于 2014-01-27T22:54:17.140 に答える