ブラウザcheckツールあれこれ

請負元さんから「画像がうまく表示されない場合があるみたい。height:auto;の指定を直してみてくれる?」という指摘をいただきました。

ふむ。。IEだと、バグあるみたいですね。
http://blog.diginnovation.com/archives/3595/

以下、対処。
× height=”auto” ◯ max-height=”100%” 

IEのバグは、前職でもかなり悩まされました。
IEだけでもいい、ブラウザチェックをしなければ。
デバッグツールを探すことに。

参考サイト)

 (2018.1.12現在、リンク先無効)

実験して、一番よかったもの)
Internet Explorer ウェブ開発者ツール

Internet Explorer 8から標準搭載されている機能です。
Internet Explorerで「F12」を押すと表示される開発者ツールの「modern.IE」から、IE5.5~それぞれのバージョンを確認出来ます。
プラグインなどではなく最初から搭載されているものなので、どんな環境でも気軽に使用できるのが良いですね!

コメント通りで。。 

■ レスポンシブ対応チェックサイトもあったので、試してみました。
http://www.responsinator.com/
http://mattkersley.com/responsive/

両方共、URLを入れる→小さなwidthで見せてくれる。というだけのシンプルなプログラムです。かわいい。メディアクエリたくさん使う、デザイン性の高いサイトならば、使うかな。

ブラウザに、ブックマークはしました。

今日の技術情報でした★

タイトルとURLをコピーしました