- 文字サイズ変更
- 小
- 中
- 大
解決済
iphoneXでの見え方と、その他の機種やスマホビューでの見え方の差につきまして。
- 相談者：非公開
- 2019/06/25 18:36
お世話になります。
楽天のスマホページに、ECステーションの
①画像付店舗ニュース専用（INF-B1）
②レビュー専用1行ラインティッカー（RW-T01）
を設置しています。
iphoneXで見ると、①の影響で画面が少し縦にブレます。他の機種やスマホビューではブレません。
②に関しまして、iphoneXと他の機種やスマホビューとでフォントの大きさが変わります。
③イベント告知くん
また、③をスマホトップページ、商品ページ、カテゴリーページそれぞれに設置していますが、iphoneXで見た際に商品ページで少し乱れが生じます。他の機種やスマホビューでは乱れません。
この解決策は何かあるでしょうか。
楽天のスマホページに、ECステーションの
①画像付店舗ニュース専用（INF-B1）
②レビュー専用1行ラインティッカー（RW-T01）
を設置しています。
iphoneXで見ると、①の影響で画面が少し縦にブレます。他の機種やスマホビューではブレません。
②に関しまして、iphoneXと他の機種やスマホビューとでフォントの大きさが変わります。
③イベント告知くん
また、③をスマホトップページ、商品ページ、カテゴリーページそれぞれに設置していますが、iphoneXで見た際に商品ページで少し乱れが生じます。他の機種やスマホビューでは乱れません。
この解決策は何かあるでしょうか。
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2019/06/25 19:16
ECマスターズの田中です。
iPhoneX実機を用意の上、確認を進める必要がございますので、
回答まで今しばらくお待ちいただきますようお願いいたします。………（省略）………
iPhoneX実機を用意の上、確認を進める必要がございますので、
回答まで今しばらくお待ちいただきますようお願いいたします。………（省略）………
- 返信者：非公開（質問者）
- 2019/06/25 19:36
お世話になります。
②は今外しましたので、①と③をご検証頂けたらと思います。
よろしくお願い致します。………（省略）………
②は今外しましたので、①と③をご検証頂けたらと思います。
よろしくお願い致します。………（省略）………
- 返信者：非公開
- 2019/06/26 12:42
ECマスターズの田中です。
お待たせいたしました。
「１．画像付店舗ニュース専用」は、
トップページの「INFORMATION」以下の部分でよろし………（省略）………
お待たせいたしました。
「１．画像付店舗ニュース専用」は、
トップページの「INFORMATION」以下の部分でよろし………（省略）………
- 返信者：非公開（質問者）
- 2019/06/26 13:38
ご回答ありがとうございます。
イベント告知君につきましては一時的なものだったようです。
にぎわいrmixの方はご指示通りのソースを追記してみたものの改善………（省略）………
イベント告知君につきましては一時的なものだったようです。
にぎわいrmixの方はご指示通りのソースを追記してみたものの改善………（省略）………
- 返信者：非公開
- 2019/06/26 13:57
ECマスターズの田中です。
> イベント告知君につきましては一時的なものだったようです。
承知しました。
また表示乱れなどございましたらお知らせく………（省略）………
> イベント告知君につきましては一時的なものだったようです。
承知しました。
また表示乱れなどございましたらお知らせく………（省略）………
- 返信者：非公開（質問者）
- 2019/06/26 19:04
お世話になります。
失礼致しました。
ご指示を頂いた場所に追記をしましたところ、スクロールの乱れは改善されました。
ありがとうございます。
しかしな………（省略）………
失礼致しました。
ご指示を頂いた場所に追記をしましたところ、スクロールの乱れは改善されました。
ありがとうございます。
しかしな………（省略）………
- 返信者：非公開
- 2019/06/26 19:28
ECマスターズの田中です。
縦のブレ、について、改めて確認させていただきたいのですが、
各種iPhone・PCを問わず、
直上のスクロールバナーに比べ………（省略）………
縦のブレ、について、改めて確認させていただきたいのですが、
各種iPhone・PCを問わず、
直上のスクロールバナーに比べ………（省略）………
- 返信者：非公開（質問者）
- 2019/06/26 21:40
お世話になります。
スクロールして１番下の枠が下限に達した際、その下に配置している目玉商品から下がやや下にズレるのですが、それをコマ落ちと言うのであればそ………（省略）………
スクロールして１番下の枠が下限に達した際、その下に配置している目玉商品から下がやや下にズレるのですが、それをコマ落ちと言うのであればそ………（省略）………
- 返信者：非公開（質問者）
- 2019/06/26 21:45
付け加えまして、最初に記載しております通り、スマホビューやPC、タブレットでは
そのズレる動きが見られず、自分が使用しております実機のiphoneXでのみ起こ………（省略）………
そのズレる動きが見られず、自分が使用しております実機のiphoneXでのみ起こ………（省略）………
- 返信者：非公開
- 2019/06/27 12:57
ECマスターズの伊藤です。
縦のブレの詳細ありがとうございました。
目玉商品から下がずれてしまう現象を
確認さていただきました。
> 付け加えま………（省略）………
縦のブレの詳細ありがとうございました。
目玉商品から下がずれてしまう現象を
確認さていただきました。
> 付け加えま………（省略）………
- 返信者：非公開（質問者）
- 2019/06/27 13:15
お世話になります。
ご回答ありがとうございます。
因みにCSSの追加はECステーションの方でしょうか?
それですとどこに入れたら良いでしょうか。………（省略）………
ご回答ありがとうございます。
因みにCSSの追加はECステーションの方でしょうか?
それですとどこに入れたら良いでしょうか。………（省略）………
- 返信者：非公開
- 2019/06/27 13:36
ECマスターズの伊藤です。
> 因みにCSSの追加はECステーションの方でしょうか?
こちらは、読み込みがされているCSSでしたら
どこに追加頂い………（省略）………
> 因みにCSSの追加はECステーションの方でしょうか?
こちらは、読み込みがされているCSSでしたら
どこに追加頂い………（省略）………
- 返信者：非公開（質問者）
- 2019/06/27 15:32
お世話になります。
ソースの変更とCSSの追加をしたのですが、変化が見られません。
下記で合っていますでしょうか。
【ソース】
<div =""………（省略）………
ソースの変更とCSSの追加をしたのですが、変化が見られません。
下記で合っていますでしょうか。
【ソース】
<div =""………（省略）………
- 返信者：非公開
- 2019/06/27 16:00
ECマスターズの伊藤です。
申し訳ありません、ご案内が間違っておりました。
<style ="">
#iframe-container{
wid………（省略）………
申し訳ありません、ご案内が間違っておりました。
<style ="">
#iframe-container{
wid………（省略）………
- 返信者：非公開（質問者）
- 2019/06/27 16:47
お世話になります。
頂いたソースを加え、heightを520にしたところ、
実機のiphoneでブレがなくなりました。
ありがとうございます。
………（省略）………
頂いたソースを加え、heightを520にしたところ、
実機のiphoneでブレがなくなりました。
ありがとうございます。
………（省略）………
- 返信者：非公開
- 2019/06/27 17:29
ECマスターズの伊藤です。
> 頂いたソースを加え、heightを520にしたところ、
> 実機のiphoneでブレがなくなりました。
> ありが………（省略）………
> 頂いたソースを加え、heightを520にしたところ、
> 実機のiphoneでブレがなくなりました。
> ありが………（省略）………
このフォーラムへの質問は終了しました
質問を検索する