web構築初心者:ブラウザ由来のレイアウト崩れ


こんにちは、今回はwebサイトの構築中に発生する問題について書いてゆきたいと思います。

htmlやcss、javascriptの基礎を押さえて、webサイトを作ってみたはいいが、
開発環境と違うブラウザでサイトを開いてみたらガタガタになってしまったなんて経験はないでしょうか?

やっと完成した!と舞い上がっていたのに、若干がっかりしますよね、、
そこら辺はIEにはじまりchrome,Firefox,Operaなどではデフォルト仕様や言語の特定のコードへの対応がまちまちだったりする事で生じるようです。

ガタガタになったらもちろん修正しなければならないのですが、
そんな時に便利な、ブラウザごとの対応の違いを一目で見分けられるサイトを紹介しときます。

それはCan I use(http://caniuse.com/)というサイトで、
ここへ行って挙動が違うタグ等を入力すれば、
原因をはっきりさせるのに役立つかもしれません
(もっと全く違う事が原因の可能性もありますが、、)

お気に入りにでも登録しておくと、開発が大分捗るかと思うので是非活用して、
異ブラウザ間でも安定性のあるサイトを構築してもらえれば幸いです。

それでは、失礼致します。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>