HTML,CSSでウェブアプリケーションを開発したのですが、開くブラウザによっては表示されるウェブのCSSが崩れてしまいます。

Question

HTML,CSSとJavaScript言語を用いて、ウェブアプリケーションを開発しました。
FireFoxブラウザをベースに構築した結果,Chromeブラウザで開くと,CSSが崩れてしまいます。
全ブラウザに合わせながら、開発するしか、方法ないのでしょうか？ちなみに、VSCodeを使用しております。

Comments

[m.ts10806]

回答したあとで申し訳ないのですが、解決したい問題（質問要件）は何ですか？
・崩れている問題
・開発の方法
・利用するツールの是非

そういえば細かいですが「CSSが」崩れているわけではなく、「HTML,CSSで組んだレイアウトが」ですね。

Answer 1

全ブラウザに合わせながら、開発するしか、方法ないのでしょうか？

要件と実装次第ですが、大まかにはYES。

reset.cssなどを利用、もしくは質問タグにつけられているようなCSSフレームワークを採用していたのでしたらブラウザ間の違いを吸収した状態で構築できるので、よほどフレームワークのルールを無視（もしくは閉じ忘れ等のミス）でもしない限りはブラウザ間で違ったり崩れるようなことはないです。

reset.cssすら利用せずに完全自作なら頑張っていただくしかないですが、いずれにしてもテスト時には複数ブラウザテストは当たり前なので（もちろん要件にあわせて）、デベロッパツールでの疑似でなく実機確認は必須です。