モバイルフレンドリー対策（２）: Dolly's BLOG

Viewportを設定して、モバイル用とPC用でCSSを分けたこと既報。その後、IE8から見るとCSSが読み込まれていないことに気付いた。IE8なんて無視するのも手かと思ったが、ブラウザシェア調べると、いまだに5～8%のユーザーが使用していることも確認。
Webで調べると、IE8以前のブラウザはViewportなどに対応していないらしい。で、以下のscriptを読むようにするといいらしい。
<head></head>内に、

と記述したところ、解決！

あと、モバイル用CSSに

@media (max-width: 640px) {
  img{
    max-width: 98%;
    height: auto;
  }

を追加して、大きな画像ファイルはスクリーン幅の98%に縮小するような設定を追加。