スマホで横2列の縦組み、パソコンで均等な横並びになるレスポンシブなナビゲーションメニュー | web sign*

スマートフォンでは横幅が狭くなるので、長いナビゲーションメニューはうまく表示することができません。レスポンシブサイトで汎用的に使えそうなナビを作ってみました。 デモとHTML HTMLはul要素を使ったシンプルなリストです。ulタグのクラスはglobal-navとしました。 CSSとその解説 次にCSSです。流れとしてはスマホ…