【HTML5 Dev】Web ブラウザの表示能力を検知する方法 - ライブドアニュース
> > 2012年07月18日12時20分 【HTML5 Dev】Web ブラウザの表示能力を検知する方法 【HTML5 Dev】Web ブラウザの表示能力を検知する方法 かつての実装方法 今日の Web ブラウザは、どれも最新仕様に則って Web ページを最適にレンダリングする、という同じ共通の目標を念頭に置いて開発されている。 しかし、以前は違っていた。かつて大半の Web ブラウザは、標準化されていない仕様でも、需要が高ければ構わず実装するものだった。例えば、CSS の透過設定などは、Web ブラウザごとに独自の方法で実装していたのだ。 具体的な例を挙げよう。Internet Explorer（IE）は、バージョン8まで 以下の CSS を解釈できた。 これに対し、Firefox は独自属性を用意していた。 Safari も同様だ。 ところが、現在の CSS3 では、エレメント透過
画像のリサイズを処理する（IE6に対応させて、しかもハイクオリティ） - くらげだらけ
よくあるCSSの使い方ですが、画像をサムネイル表示するときにJSとかPHPとか書くのがウザイのでCSSでやるパターンのやつのメモです。 要は、CSSで画像のWidthとHeightを制御してやるわけですが、 今回はデカイ画像をサムネイル表示させるので、max-widthとmax-heightで制御してやります。 こんな感じ <style type="text/css"> .image-resize { max-width: 200px; max-height: 200px; } </style> <img src="images/test-image.jpg" class="image-resize" />これで、200pxより大きければ、200pxにしてくれる。もちろん比率はそのまま。 しかし、IE6ではmax-widthとmax-heightに対応していないので、だいぶ前に書いたエント
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
