歌唱メンバー情報のレスポンシブ表示の試験をはじめました。

いつもご利用いただきありがとうございます。

歌唱メンバーが2列または1列で表示され、特に全体曲で歌唱メンバーが縦に伸びまくるという仕様でした。
またある程度の幅をもたせてはいたものの、タブレットPCなどの一部解像度で余白が出てしまう仕様もありました。


旧デザインでのタブレットでの表示例です。

この点を改善するため、レスポンシブに対応させ、画面の横幅からアイドルの1~3列表示を指定をすることとしました。
特に右側に余白ができていたiPadなどのタブレットPCや、新たに3列表示に対応したPCでのデザインが大きく変わります。


新デザインでのタブレットでの表示例です。

なお、名前が長い子など一部で改行が発生することを確認しています。
一応、デザインが崩れるほどではないので試験運用という形でやっています。
このあたりをどう改善していくかをこれから考えて少しづつ修正していけたらと思っています。

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です