iPhoneから楽天を閲覧した際の画像のサイズの崩れについて

Question

お世話になります。iPhoneからこちらのページ【https://www.rakuten.ne.jp/gold/morinoen95/】を楽天アプリで見た際、トップページ内で使用している画像のサイズが大きく表示されてしまいます。画像はすべてwidth=100％で指定しており、iPhone以外のスマートフォンではきちんと表示されます。どういったことが原因でこのように表示されているのか、教えていただけましたら幸いです。

Answer

ECマスターズの田中です。トップページ内の画像が大きく表示される現象ですが、私ではhttps://www.rakuten.co.jp/SHOP-URL/?force-site=ipn上記、スマートフォン用トップページで確認しておりますがこちらのページのことでよろしいでしょうか。その場合、iOSにおけるiframeの仕様により、正常に表示できていない可能性がございます。スマートフォン用トップ説明文に記載されているiframeタグのstyle属性をwidth:100%;height:calc(100vw *13);から width:calc(100vw - 10px);height:1300vw;に修正し、横幅を厳密に指定することで表示が改善される可能性がございますのでお試しいただきますようお願いします。

iPhoneから楽天を閲覧した際の画像のサイズの崩れについて

カテゴリーから探す