キャラクター詳細画面のレスポンシブ対応がひとまず完了。スマホの方でまだスタイルシートがうまく反映されていないのか、ちゃんと表示されていないのが気になるが、PC側は元々のテーブルとほぼ同じ画面まで持ってこれた。細かい調整はまだ必要だが、ひとまずはこれでいい。
CSSの反映ができていないのではなく、別問題の可能性もあるので、そのあたりはもう少しみないといけないかもしれない。@mediaがうまく働いていない可能性もある。
全体的なマージンや、ボーダーの色の設定、取得(更新)レベルの表示方法などは、レイアウトを含めて変更もしくは調整が必要と思われるが、ボーダーの色などはアビ簡易画面とも共通のCSSを使っているので、そちらの変更を終えてから対応しようと思う。
簡易画面は、キャラクター名などの所にアイコンを使うくらいしか、今の所変更箇所が見えていないので、他に手を入れるべきところの洗い出しからしないといけない。
いずれにせよ、画面の変更についてはほぼ収束してきた。プログラム側(PHP側)にもっと手を入れる必要もあるかと思ったが、最小限の変更だけで、残りはHTMLとCSSで完結したのが良かった。JavaScriptに至っては一切手を加えていない。完了した時点で不要なソース(コメントアウトしたHTMLなど)は綺麗にして、画面側も整理しておきたい。