野良猫のフンに困っているならガーデンバリア!

レスポンシブwebデザインでPCレイアウトとスマホレイアウトを切り替える方法

レスポンシブデザインを実装したとき、スマホでアクセスすると勝手にスマホレイアウトになるのがいやだなぁと思っていたら「PCレイアウト」と「スマホレイアウト」を任意で切り替えられる方法があったのでメモ。

今回参考にさせていただいのは、下記のページ。
レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた

↑こちらのページで解説されている方法で簡単に実装できました。
感謝です。助かりました。

実装する際にjQueryをいれわすれてまったく動作せず、数時間途方にくれてましたが。。。

解説にしっかり「jQueryを使って」と書いているにもかかわらず、私はjQueryをいれるのすっかり忘れてました。。。

そら、動作せんわな。。。(^_^;)

jQuery入れたら問題なく動作しました。うん、便利だ!!

タイトルとURLをコピーしました