普通の縦メニューをレスポンシブデザインに対応させてみる｜Webparkレスポンシブデザインに対応した縦メニューを作ってみました。できるだけ詳しく解説してみますので、これを参考にサイトに合わせて自由にカスタマイズしてもらえたらうれしいです。 まずは実際に見てください。ブラウザを伸縮させながら見ていただければと思います。レスポンシブウェブデザインの確認にはブックマークレットのViewport Resizerも便利です。 では解説していきます。 HTML <div id="navigation"> <div id="toggle"><a href="#">menu</a></div> <div id="menu"> <h3>Tittle1</h3> <ul> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href
https://design-spice.com/2012/06/13/responsive-web-design-image/
