Next Home  Prev
No,211 comment 0
アクセス解析を見ていると最近はスマートフォンでホームページを見ている人が多くなってきました。

そこで「ウィンドウの幅が狭くなると、横並びのメニューがプルダウンメニューに変わる」というのをやってみました。

デスクトップでやってみるとできたのでfc2blogテンプレートに挿入しようとしたところIE 11でメニューが変わりませんでした。

google chromeやfirefoxでは幅を狭めるとプルダウンメニューに変わるのに
IFだけはどうしてもできませんでした。
デスクトップや他のサーバーではできるのに、fc2blogだけができないのです。
どうもcssの
「@media screen and (min-width: ○○px)」
ということを読み込まないらしいのです。
四苦八苦、していろいろやってみました。
かなりいろいろダウンロードもしましたが、それらは役立たず、
結果
<meta http-equiv="X-UA-Compatible" content="IE=9" />
をhead内に書いたところできるようになりました。
fc2blogではIE7を使っているらしいことがわかりました。
IE9以後は「@media screen and (min-width: ○○px)」
も読み込めるんだそうです。
ほんとうに丸々2日間もかかってしまいましたが、分かったときは本当にうれしかったです。

参考サイト:http://webdesignerwall.com/demo/mobile-nav/
2014年12月20日06時54分25秒/fc2blog /コメント:0 /トラックバック:-/▲ページトップへ戻る

コメント


コメント index
    絵文字

    非公開コメント

    Next Home  Prev

    カテゴリー

    どりーみー

    recent comment

    最新の記事

    月別アーカイブ

    recent trackback

    ブログ内検索

    RSSフィード

    *最新記事のRSS
    *最新コメントのRSS
    *最新トラックバックのRSS

    TB_People

    カレンダー

    10 | 2018/11 | 12
    - - - - 1 2 3
    4 5 6 7 8 9 10
    11 12 13 14 15 16 17
    18 19 20 21 22 23 24
    25 26 27 28 29 30 -

    iconカテゴリ

    ブロとも一覧

    ブロとも申請フォーム

    この人とブロともになる

    リンク

     

    カテゴリー

    recent comment

    最新の記事

    月別アーカイブ

    recent trackback

    ブログ内検索

    RSSフィード

    *最新記事のRSS
    *最新コメントのRSS
    *最新トラックバックのRSS

    TB_People

    カレンダー

    10 | 2018/11 | 12
    - - - - 1 2 3
    4 5 6 7 8 9 10
    11 12 13 14 15 16 17
    18 19 20 21 22 23 24
    25 26 27 28 29 30 -

    iconカテゴリ

    ブロとも一覧

    ブロとも申請フォーム

    この人とブロともになる

    リンク