harapekotaku
フォーラムへの返信
-
投稿者投稿
-
harapekotaku参加者お世話になっております。
ご確認いただきありがとうございます。ご指定いただいた3つのサイトについて、同じ環境(iPhone 17・Chrome・横向き表示)で確認いたしましたので、スクリーンショットを添付いたします。
背景色の違いもあり分かりづらい部分はありますが、いずれのサイトもページ全体が左へずれているような印象を受けました。
私の環境では、Lightning公式サイトやX-T9公式サイトで発生している現象と同様の表示に見受けられます。
お手数をお掛けいたしますが、ご確認のほどよろしくお願いいたします。
Attachments:
You must be logged in to view attached files.
harapekotaku参加者お世話になっております。
Chromをアップデートして、上記CSSを数値を変更したりも試しましたがコンテンツのズレは依然と全く変わらないが変わらずです。
.page_top_btnだけが移動(rightの数値を大きくするとするとコンテンツと重なる)するだけで、ズレ幅は変わらすでした。
よろしくお願いいたします。
harapekotaku参加者お世話になっております。
お忙しい中、ご確認いただきありがとうございます。
ご質問について回答いたします。① iOSのバージョン
26.5.2 です。② 現象について
はい、縦向きから横向きにした瞬間から、表示はずっと左へずれたままで、元に戻ることはありません。表示イメージとしては、2カラムレイアウトで例えると、
左側(約95%)にコンテンツ
右側(約5%)に「トップへ戻る」ボタン+左右余白あり。左10px程度、右に20px程度が配置されている状態。
本来はコンテンツの右下に表示される「トップへ戻る」ボタンがコンテンツの右側にはみ出した位置に表示(コンテンツと重なっていない状態)されております。その結果、ページ全体が左へオフセットされ、画面外にはみ出して見切れているような表示になります。
③ 横向き後に画面へ触れた場合
左へずれた状態のまま上下にスクロールしても、表示のずれは解消されません。なお、左右方向へ画面をドラッグすると、ページ全体が左右には動きません
よろしくお願いいたします。
harapekotaku参加者追加画像:Yahoo こちらは問題ないです。
Attachments:
You must be logged in to view attached files.
harapekotaku参加者追加画像:lighting 公式
Attachments:
You must be logged in to view attached files.
harapekotaku参加者お世話になっております。
ご確認いただきありがとうございます。
スクリーンショットを添付いたします。
添付画像は、X-T9の公式サイトをiPhone 17のGoogle Chromeで横向き表示した際の画面です。
ページ全体が左へずれ、左側が見切れた状態となっております。なお、現時点で確認している範囲では、
Safariでは正常に表示されます。
Googleアプリ内ブラウザでも正常に表示されます。
Google Chromeで横向き表示にした場合のみ現象が発生します。お手数をお掛けしますが、ご確認のほどよろしくお願いいたします。
Attachments:
You must be logged in to view attached files. -
投稿者投稿
