私はGWT/Springを使ってWebアプリケーションを開発しています。現在、私のapplnはIE7のみをサポートしています。 firefoxのような他のブラウザもサポートしています。ブラウザー間でアライメントが変更されます。どのようにWebアプリケーションのビューをすべてのブラウザで同じにすることができますか？私を助けてください。すべてのブラウザでサポートされているWebアプリケーションですか？
ありがとうございます！ jQueryの道場がはるかに簡単です、そのブラウザのサポートのためのより知られている、が
道場は...
を見て素敵なUIライブラリです。
しかし、一般的には、ブラウザごとに厳密に同じものを表示するためのハードコーディングなしの方法はありません。ブラウザのサポートのポイントは、まったく同じインターフェイスではなく、すべてのブラウザ用の素晴らしいインターフェイスを持つことです。一般的に、厳密なHTML標準を使用している限り、大丈夫です。
希望これは、クロスブラウザのjQueryのサポートのために
GWTも素晴らしい製品です.1つはOPが現在使用していると言います。 GWTからJSライブラリに切り替えることは問題を解決するだろうと私は疑う。 –
true ..私はこれを完全にUIベースのソリューションとして提案しました。サーバサイドの依存性があまりないからです。 – MozenRath
jQueryの..あなたのために役立つことが、いくつかの汚い微調整を達成するのは本当に難しいですなしで100％のクロスブラウザのサポートを覚えているかもしれません
OPは彼がすでにGWTを使用していると言います。彼がGWTでクロスブラウザアプリケーションを作れない場合、jQueryに切り替えると助けにならないでしょう（実際には逆になるかもしれません）。 –
@ThomasBroyerは、GWTについて考えていませんでした。 – aProgrammer
クロスブラウザーとの互換性の点で銀色の弾丸はありません。これは膨大な領域で、アプリケーション用に開発した特定のHTMLとCSSに大きく依存しています。その "ピクセル完璧"の互換性は、調整の時間と時間を簡単に食べることができ、しばしば努力する価値がありません。 Piyushが述べたように、どこでも同じように見せようとするのではなく、あなたがサポートしているブラウザでサイトがきれいに見えるようにすることがより生産的になるかもしれません。
私が与えることができる最高のアドバイスは、HTMLタグ（どのタグがネストされているかなど）を遵守し、スタイリングにCSSを使用し、レイアウトを作成したり作成したりする必要がない限り、 1つの要素がピクセルである場合に破損します（100の代わりに101ピクセルの幅を描画したため、インラインdivを新しい行に移動するなど）。
EDIT：これは私がいくつかの機会に使用した非常に便利な小さなJavaScriptライブラリhttp://rafael.adm.br/css_browser_selector/です。それは、ブラウザに基づいて<html>要素にクラスを追加することです。こうすることで、特定のCSSを作成して、1つのブラウザに対して特別に入門してスタイルを合わせなければならない例外的なケースに対して、単一の（または家族向けの）ブラウザを対象にすることができます。
私もGWT-Springアプリケーションを持っています。 SenchaのEXT-GWT-GXTを使用します。 GWTは基本的に、さまざまなブラウザ用のコンポーネントをコンパイルします。
<module>
<set-property name="user.agent" value="gecko1_8,ie6" />
</module>
異なるブラウザのためのコードをコンパイル。しかし、すべてのアプリでよく見られるように、さまざまなブラウザに異なるCSSを使用し、必要に応じてこれらを調整します。助けになるJavaScriptライブラリはほとんどありませんが、GWTとの統合に関する問題が発生する可能性があります。
質問は今までカスタマイズしたものです。一般的には、CSS試行錯誤アプローチを適用することです。 – home
_standard mode_または_quirks mode_を使用していますか？ _レイアウトパネルを使用していますか？最後に、すべてのブラウザでピクセル完全なレンダリングを実現することはできません。開発者だけが複数のブラウザを使用し、それらの間の結果を比較することはできません。 –