Closed yuminishi0309 closed 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時間