【HTMLコーディング】ブラウザ対応はどこまでするか!?

f:id:Kawan0116:20200117153857j:plain

かわんです。

HTMLコーディングをしてブラウザで表示確認。ベースはChromeにしています。こやつでクリアしたらとりあえずOKみたいなそんな感じです。

ブラウザのシェアを見ると、1番はChromeみたい。なので、ブラウザ対応はChromeのみでいいやんという風に思いました(笑)。

もちろん、全てのブラウザをサポートするのが一番なんでしょうけど、とりあえず、Chromeで・・・。

あ、やっぱりedgeも確認しとこ。

とりあえず、この2つで表示確認していきます。IE・・・。ごめんなさい(笑)。

ただ、iPhoneの画面でちゃんと表示出来るか確認する必要があります。

それを確認するには実機で確認するのが1番ですが、iPhoneには色んな種類があって、全てを揃えるのは無理です。

まぁ、そんなことをしなくても、Chromeのデベロッパーツールで確認出来ます。

これでOK的な感じです。Chromeは、Web制作において重要なツールです。サクッと使うのがいいですね。

チラッと制作したモノをIEでみました・・・。その結果、レイアウトはあまり崩れてない。IEの場合、最低限表示が問題ないならOKとしよう。

そうしないとシンドイ。Web制作会社さんおの中にはIE対応をやめている所もありますしね。

ま、僕は完全に趣味で行っているので、あのブラウザやどうとか、このブラウザはどうとかあまり深く考えないことにしよう(笑)。

とりあえず、ChromeとEdgeで表示確認する!

とは言え、今、IEでちゃんと表示されるように色々と悩んでいます。ネットで幾つかの情報を元に対応してみたんですが、全くダメ・・・

gridの「grid-template-columns」がIEでは効かなくて「-ms-grid-columns」を使えばいいみたいですが、上手くいかず・・・。

半ば諦めモード・・・。くっそ・・・。IE・・・。

趣味にここまで本気になるのはどうかと思うのですが、まぁ、趣味も真剣にというのがモットーです。なので、引き続きソースコードとにらめっこ・・・。

疲れるわ(笑)。

とりあえず、もう少し悩みます。今日中に解決できなければ、

サラバ、IE!!!

おしまい。