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
