困ったときに役に立つ! CSSハックまとめ



HTML,CSSでレイアウトしているとき、いつも使っているブラウザで確認しているときはすごい綺麗だったのに、違うブラウザで確認すると崩れていて落ち込む、という経験をしたことがあると思います。

そういうとき、普通はHTMLやCSSを見直すのですが、どうしても面倒なときがありますよね。
そんなときに知っておくと便利なのがCSSハックです。
検索するといっぱい出てくるのですが、各種ばらばらだったりするのでこの1ページを見れば済むようにどんどん追加していこうと思います。

IE対策

このようにHTML要素を書いておけばIE用にCSSファイルを作らなくても、既存のCSSの好きなところで

のように書けばIE用にCSSを適用させることが出来ます。

Firefox

Firefox 3.0以上

Safari2-3

Safari2-3.1

Safari2-3.1, Opera 9.25

Safari3以上, Chrome, Opera 9以上, Firefox3.5以上

Opera 9.25以上

Opera 8, 9

iPhone

iPhone用CSSハックは、今はメディアクエリで行うのが一般ぽいです。

iPhoneだけCSSファイルを分離したい場合は以下のように書きます。

いかがでしたでしょうか。
こういうのは出来るだけ使わないほうがいいのですが、知っておくと絶対に役に立ちますよね。

更新情報はFacebookページで!

ブログの更新、読んで役立つ他ブログの記事などを更新しています。




関連のある記事


質問があればこちらからどうぞ

コメントを残す

メールアドレスが公開されることはありません。


*