IE9で 突然「レスポンシブ デザイン」が崩れた!
「レスポンシブ デザイン」とはホームページ作成の技法(?)で、これを利用すると1つのHTMLで、パソコンではパソコン用に、スマートフォンではスマートフォン用に表示を変えることができるのです。表示させるデバイスのサイズによりパソコン用とモバイル用のCSS(スタイルシート)を切り替えるというものです。その技法を使って作成したページが、ある日突然、表示が崩れてしまいました。ローカルでは、問題ないのにネット経由で表示すると崩れているのです。念の為、HTMLとCSSをアップロードし直してもダメです。別のブラウザ(Google Chrome、Safari)では、正常に表示されます。ネットで調べたところ、情報がありました。IE9、IE10でレスポンシブデザインが崩れた場合は、「互換表示」になっているか確かめると書いてありました。確かに、「ツール」ー「互換表示」にチェックが付いていました。「互換表示」を解除したら、表示は正常になりました。やっぱりネット検索は「すごい」です!「互換表示」というのは、IE7程度の表示だそうで、レスポンシブデザインは、IE9から適用しているので、当然表示が崩れたのです。そこで、なぜ「互換表示」になったかですが、どうもアドレスバーの右に「互換表示」というボタンがあり、気付かず押してしまったようです。同じ状態で困っている方がいたら、ぜひ試してみてください。