私がウェブサイトをレスポンシブにすることにしたという素晴らしいアマチュア。私の Web サイトにはサイドバーがあり、メディア クエリを使用してそのサイドバーを非表示にし、ボタンを表示してサイド バーを切り替え可能にすることを考えました。これを行うには、 jpanelmenu http://jpanelmenu.com/を使用しました。
問題は、次のことを行うと、すべてがバラバラになることです
- ブラウザの幅をモバイルサイズに縮小
- サイドバーが消える
- サイドバーを切り替えるボタンが表示されます
- ボタンを押すとサイドバーが表示されます
- ブラウザ ウィンドウを通常の側に展開します
- これで、2 つのフリッケン サイドバー (jpanel メニューの 1 つ) と、元のサイドバーが再び表示されました。これは、ブラウザー ウィンドウが大きくなり、メディア クエリがそれを再表示したためです。
- さらに、通常の幅に戻ったため、モバイルサイドバーのトグルボタンが消えました
明らかにこれは機能しないので、モダナイザーと javascript メディア クエリ ala Triggering jquery with CSS メディア クエリ を使用して修正する必要がありますか、それとも私のアマチュアの心が見ていないよりエレガントなソリューションがありますか?