1

私は、障害者向けのウェブサイトを作成する共同作業を行っています。ほとんどの場合、限られた数の教育センター (タブレットや古いノートブックを出席者に寄付するオフィス) で運営されます。可能性のあるユーザーと、さまざまな OS とブラウザーについてのアイデアを提供したいので、これを伝えています。考えられるすべてのブラウザーと互換性のある CSS コードを生成したいと考えています。古いブラウザーと新しいブラウザー..私はゼロから書いており、互換性の問題があるかどうかを確認するために毎回http://browsershots.org/にアクセスしてビルドしていますが、時間がかかります。また、私はhttp://jigsaw.w3.org/css-validator/を使用していますが、やはり手作業が多すぎます..

私が知りたいのは、互換性のあるCSSファイルをフィードするツールを知っていますか?最初にIEと言って、互換性の問題の多くをカバーするCSSファイルの拡張バージョンを渡します

どんな助けでも大歓迎です..

4

3 に答える 3

1

そのようなツールが存在するかどうかはわかりません。そうは言っても、クロスブラウザー CSS を作成するためのアドバイスがいくつかあります。

  1. リセット スタイルシートを使用します (例: http://meyerweb.com/eric/tools/css/reset/ )。

  2. などの IE 条件付きコメントを使用し<!--[if IE]><![endif]-->ます。

  3. 継続的なコーディングの練習: いくつかのブラウザー (IE、FF、Chrome など) を開き、それらが提供する流れの表示を確認します。

  4. 対象とする IE のバージョンに応じて、 IETesterを使用して IE5.5+ のレンダリングを確認します。

  5. 可能な限り絶対位置を使用し、幅と高さを指定します (特にフローティング要素を使用する場合)。

  6. CSS3 を試してみたい場合は、PIEを使用してください。

  7. 純粋でシンプルな CSSを書くようにし、風変わりなレイアウトは避けてください。

于 2012-12-11T09:17:20.133 に答える
1

Netbeans IDEには、単純なチェックボックスとドロップダウンから CSS を構築するのに役立つ機能があります。W3 に対する有効性はまだ確認していませんが、生成されたコードは良さそうです。

http://www.w3schools.com/cssref/default.aspも、使用状況を確認するのに役立つリソースです。使用したいプロパティを参照するには時間がかかりますが、レイアウトを試してみる場合は常に互換性を確認する価値があり、CSS3 を使用する場合は必須です。

W3 Schools は、どのブラウザが指定されたプロパティをサポートしているかを明確に示しています。box-packの互換性を示す以下の例の画像を参照してください。

W3 Schools ブラウザーのサポート

于 2012-12-11T09:48:33.383 に答える
1

簡単に言えばありますno easy way to generate one CSS for all browsers。

詳細については、CSS の使用頻度、CSS のバージョンなどに大きく依存します。さらに、異なるブラウザーが同じ CSS プロパティを異なる方法でレンダリングする多くの場所があるため、すべての要素に対して十分に単純ではありません。状況。

しかし、ちょっとした助けとして、時が経つにつれ、すべてのブラウザーで CSS の互換性を実現するタスクをより簡単にするさまざまなツールやスクリプトが登場します。あなたのCSS。

Some CSS-preprocessor/helpers to help you in maintaining your CSS throughout:

于 2012-12-11T09:10:00.660 に答える