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

Question

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

Answer

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