モバイルフレンドリー対策（２） ― 2015/08/08 09:41
Viewportを設定して、モバイル用とPC用でCSSを分けたこと既報。その後、IE8から見るとCSSが読み込まれていないことに気付いた。IE8なんて無視するのも手かと思ったが、ブラウザシェア調べると、いまだに5～8%のユーザーが使用していることも確認。
Webで調べると、IE8以前のブラウザはViewportなどに対応していないらしい。で、以下のscriptを読むようにするといいらしい。
<head></head>内に、
Webで調べると、IE8以前のブラウザはViewportなどに対応していないらしい。で、以下のscriptを読むようにするといいらしい。
<head></head>内に、
<!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <!endif]-->
と記述したところ、解決！あと、モバイル用CSSに
@media (max-width: 640px) {
img{
max-width: 98%;
height: auto;
}
を追加して、大きな画像ファイルはスクリーン幅の98%に縮小するような設定を追加。
へ戻る
最近のコメント