yuminishi0309
commented
10 months ago 変更点： ・各レイアウトの崩れを修正、レスポンシブデザインを再検討 ・縦長の画面サイズ用のメディアクエリを設定 ・iPadサイズのレイアウトを微調整
改善された点： 大きな崩れは改善された。主要デバイスでの見え方は確認した。
残存する問題点： 画面サイズによって不十分な点は残存。特に画面幅と高さの数値が近いと崩れやすい。
工数：3.5時間
該当箇所： https://github.com/yuminishi0309/mavs-task-wp/commit/3ac02915ee399e985b2fcdb396c92a34ae142e06
概要：画面サイズによってMVのレイアウトが崩れる
ページ：トップページ 箇所：MV
不具合： 画面サイズによってレイアウトの崩れが出現 特に、幅1024px以上のPCサイズ用cssが適用されたレイアウト崩れが顕著 （例：縦長はiPadProサイズ、横長は幅1024px以上のPCサイズ用cssが適用された直後）
予想される修正内容： ・必須：PC用設定（幅1024px以上）に切り替えた直後のcssを再検討（ブレイクポイント追加も検討） ・必須：縦長の画面サイズ用のメディアクエリを設定しcssを追加 ・必要に応じて：iPadサイズの見え方を微調整 ・remでのサイズ指定をしていない箇所があれば修正
工数見積もり：2〜4時間