Html研究
気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

 fc2blogでウィンドウの幅が狭くなると、横並びのメニューがプルダウンメニューに変わる


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

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

デスクトップでやってみるとできたので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】 fc2blog | トラックバック(-) |
コメント(0)

comment
投稿













管理者にだけ表示を許可する






| ホーム |
ブログ内検索

RSSフィード

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

TB_People

カレンダー

05 | 2021/06 | 07
- - 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 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

author_name=Dreamy/album

気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

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

TB_People

カレンダー

05 | 2021/06 | 07
- - 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 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

Template production /preview