解像度によってメニューを切り替えるスクリプト:アーカイブ:ドラクエ10冒険・サイト運営ブログ
解像度によってメニューを切り替えるスクリプト
テストページ。アクセスしない方がいいです。そのうち削除します。https://dq10as.net/search/monster/index2.php
少し前まではCSSで表示/非表示を切り替えていたのですが、
それですと2つメニューを用意する必要があり、モバイルと合わせて3つと結構大変でした。
なので、今回のテストはパソコン表示で低解像度の時は
Ajaxでモバイルのメニューを持ってきてあげようというスクリプトです。
実は安めのビジネスノートによくあるFWXGA(1366*768)液晶よりも、
モバイルノートFHD(1920*1080)の150%表示(実質HD1280*720サイズ)の方が
使える解像度が低いっていう罠があるんですね。
FWXGAが残り続ける訳です。