CSS3 レイアウト モジュール ブラウザのサポート

Question

現在どのブラウザが (ネイティブに) をサポートしているかを調べようとしています。 CSS3レイアウトモジュール.

基本的に、私は使用するブラウザーを指定できる特定の環境向けに開発を行っています。CSS3 を使用すると開発時間が短縮されます。

私が具体的に話しているのは、

body {
   display: 'aaa'
            'bcd';
}

次のようにページ要素をレイアウトにスロットできるようになります。

div#div1 { position: a; }
div#div2 { position: b; }

(div1 はヘッダー、div2 は左側のサイドバー)

Answer 1

現在これを実装しているブラウザはないと思います。また、どのブラウザもすぐにそれを実装するとは思えません。

まだ十分に成熟していないだけです。それはただの 作業草案 そして、ブラウザ実装者がそれを試し始める前に、まだ多くの注意と議論が必要です。たとえば、(少なくとも) 2 つの関連提案があります。 グリッドの位置決め そして マトリックスレイアウト.

それ は の上 Mozilla のバグトラッカー, 、しかし今のところ、それは将来の注目のためのプレースホルダーにすぎません。Webkit のバグ トラッカーでは、この件についての言及はまったく見つかりませんでした。

これらのレイアウト モジュールの進行中のステータスについて詳しく知りたい場合は、次の手順に従ってください。 www-style メーリングリスト.

Answer 2

OperaはWebKitの（サファリ）に続いて最高のCSS3のサポートを持っています。私が働くものを見るためにオペラでのテストをお勧めします。

ここでは、互換性チャートです（古くなっている可能性があり） http://geocities.com/seanmhall2003/css3/compat.htmlする

この1つが良さそうです： http://westciv.com/iphonetests/する

（CSS3が最終ではないので）、ほとんどのCSS3プロパティは、接頭辞を介してサポートされていることに注意してください。オペラの接頭辞は、-O-であり、WebKitのためにそれが-webkit-です。すなわち：-o-テキストシャドウ

。

UPDATE：レイアウトモジュールのJavaScript実装があります： http://a.deveria.com/ csstpl / に。それを自分自身を使用し、それはあなたがそれをきれいにレンダリングする前にロードするために、すべてのページのを待たなければならないキャッチが付属していませんでした。あなたはLAN上のイントラネット・アプリケーションを書いている場合、これはおそらく、ほとんど影響を持っていますが、あなたのページが応答しなく表示させることができ、低速接続でしまいます。