【ブログデザイン】IEに完全対応しました

f:id:Kawan0116:20210507164633p:plain

かわんです。

現在、ブログデザインは出来るだけ手を加えています。

何故なら、そのほうが個性が出て面白いと思っているからです。

そんな訳で、ついこの間ブログデザインを大幅に変えたのですが、IEのみ中途半端な対応となっていました。

「まぁ、それでもいっか・・・」と思いましたが、ふとしたことがきっかけでIEに本格対応することにしました。

IEの場合はレイアウトが崩れない程度にしていた

一応、IEに部分対応していました。

しかし、レイアウトが崩れない程度でした。

広すぎる余白、そして、明らかに適当にしたという内容。

それでも良かったんです。

IEはターゲットブラウザにしていなかったので、それで十分だと思っていました。

3時間ほどかけてIEに対応

IEに対応するには、

「display:grid→display:flex」に変更。そして、IEではfloatを使っていたのでそれを無効化。

たったこれだけですが、かなり時間を使いましたね。

何とか上手く行って良かったですけどね。

上手くいった(と思っている)

IEで表示テストをしていますが、大丈夫な感じです。

IEのバージョンによってはダメかもですが・・・。

Windows10にインストールされているIEでは大丈夫。

バージョンを確認したいですが、ネットで調べてもダメでした。

出来そうなモノはあったのですが、少し複雑そうでしたので、「まぁ、いっか~。このままで」と思ったのでした。

疲れたな~

今回、IEに完全対応することにより、レイアウトの核となる部分をいじりました。

なので、とても疲れましたね。

1から作るよりは簡単ですが、一度完成したモノを再度変更するのは中々の手間です。

とにかく疲れました。

いい勉強になった

IEを毛嫌いしていましたが、少し仲良くなれました(笑)。

今後の糧となるモノでした。

1つ思ったのは、IEの対応は意外に簡単でした。

時間はかかりましたけどね。

まだまだIEの需要はあるみたいなので、IE対応は必須ですね。

バグがあるかも知れない

チェックをしまくりましたが、バグがあるかも知れません。

その都度対応していきたいと思っています。

さいごに

達成感がありますね。お酒が美味しかったです(笑)。

次は、ポートフォリオサイトの制作。

頑張って制作するぞ!

もちろん、IE対応します。