横幅のサイズによってタブのサイズを変える方法

スマートフォンのサイトに限った話では無いですが、横幅(表示領域)によって要素の長さを変えたい時はあると思います。今回は、横幅によってタブのサイズを変える必要が有ったのでその時の実装メモです。

初期表示時と画面がリサイズ(スマートフォンの場合は、縦表示→横表示など)された際に、javascriptでタブのサイズを変更するようにしています。 ※スマートフォン用に作成したので、IEなどのブラウザではうまく動かないかもです。。。