CSS3メディアクエリでテーブル組のカレンダーをレスポンシブで縦型に切り替える

CSS3メディアクエリでテーブル組のカレンダーをレスポンシブで縦型に切り替える HTMLでカレンダーを作成するときテーブルタグで作る事が多いと思いますが、レスポンシブでスマホサイズにした時は縦組みにする方法をご紹介いたします。 投稿日2017年04月28日 更新日2017年05月01日 HTML HTMLはこんな感じです。 html <div id="mini-calendar"> <div class="calendar-head"><p class="calendar-year-month">2017年5月</p></div> <table> <thead> <tr> <th class="calendar-sun">日</th> <th>月</th> <th>火</th> <th>水</th> <th>木</th> <th>金</th> <th class="calendar-sat

[chienavi]

CSS3メディアクエリでテーブル組のカレンダーをモバイル時は縦型にする | webOpixel 画像のような、カレンダーが作れるならいいな