せっかくスマホを購入したので、まずはホームページの静的コンテンツにスマホ用のスタイルを追加しました。従来は、大半のページを2段組みで表示していたのですが、スマホで見ると画像が小さく、テキストも読みづらいため、全面的にスタイルを修正しています。文字のサイズや行間は、著名サイトのスマホ用スタイルを参考にしました。
横幅957px以上でPC用、640px以下でスマホ用、641~956pxで両者に対応できるように、3種類のスタイルを併用しています。スマホを横持ちで表示すれば、従来通り2段組みで表示されます。コンテンツが縦方向に長くなる点は、今後の課題です。
動的コンテンツは、スクリプトの修正が必要になる為、対応にもう少し時間を要します。最初は、Score Viewerをスマホ対応させる予定です。