• 文字サイズ
解決済

iphoneXでの見え方と、その他の機種やスマホビューでの見え方の差につきまして。

  • 相談者:非公開
  • 2019/06/25 18:36
お世話になります。
楽天のスマホページに、ECステーションの

①画像付店舗ニュース専用(INF-B1)
②レビュー専用1行ラインティッカー(RW-T01)

を設置しています。
iphoneXで見ると、①の影響で画面が少し縦にブレます。他の機種やスマホビューではブレません。
②に関しまして、iphoneXと他の機種やスマホビューとでフォントの大きさが変わります。

③イベント告知くん

また、③をスマホトップページ、商品ページ、カテゴリーページそれぞれに設置していますが、iphoneXで見た際に商品ページで少し乱れが生じます。他の機種やスマホビューでは乱れません。

この解決策は何かあるでしょうか。
投稿内容について報告する




  • 返信者:非公開
  • 2019/06/25 19:16
ECマスターズの田中です。

iPhoneX実機を用意の上、確認を進める必要がございますので、
回答まで今しばらくお待ちいただきますようお願いいたします。………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/25 19:36
お世話になります。
②は今外しましたので、①と③をご検証頂けたらと思います。
よろしくお願い致します。………(省略)………
  • 返信者:非公開
  • 2019/06/26 12:42
ECマスターズの田中です。

お待たせいたしました。

「1.画像付店舗ニュース専用」は、
トップページの「INFORMATION」以下の部分でよろし………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/26 13:38
ご回答ありがとうございます。
イベント告知君につきましては一時的なものだったようです。

にぎわいrmixの方はご指示通りのソースを追記してみたものの改善………(省略)………
  • 返信者:非公開
  • 2019/06/26 13:57
ECマスターズの田中です。

> イベント告知君につきましては一時的なものだったようです。

承知しました。
また表示乱れなどございましたらお知らせく………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/26 19:04
お世話になります。
失礼致しました。
ご指示を頂いた場所に追記をしましたところ、スクロールの乱れは改善されました。
ありがとうございます。

しかしな………(省略)………
  • 返信者:非公開
  • 2019/06/26 19:28
ECマスターズの田中です。

縦のブレ、について、改めて確認させていただきたいのですが、
各種iPhone・PCを問わず、
直上のスクロールバナーに比べ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/26 21:40
お世話になります。

スクロールして1番下の枠が下限に達した際、その下に配置している目玉商品から下がやや下にズレるのですが、それをコマ落ちと言うのであればそ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/26 21:45
付け加えまして、最初に記載しております通り、スマホビューやPC、タブレットでは
そのズレる動きが見られず、自分が使用しております実機のiphoneXでのみ起こ………(省略)………
  • 返信者:非公開
  • 2019/06/27 12:57
ECマスターズの伊藤です。

縦のブレの詳細ありがとうございました。
目玉商品から下がずれてしまう現象を
確認さていただきました。

> 付け加えま………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/27 13:15
お世話になります。

ご回答ありがとうございます。
因みにCSSの追加はECステーションの方でしょうか?
それですとどこに入れたら良いでしょうか。………(省略)………
  • 返信者:非公開
  • 2019/06/27 13:36
ECマスターズの伊藤です。

> 因みにCSSの追加はECステーションの方でしょうか?

こちらは、読み込みがされているCSSでしたら
どこに追加頂い………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/27 15:32
お世話になります。

ソースの変更とCSSの追加をしたのですが、変化が見られません。
下記で合っていますでしょうか。

【ソース】
<div =""………(省略)………
  • 返信者:非公開
  • 2019/06/27 16:00
ECマスターズの伊藤です。

申し訳ありません、ご案内が間違っておりました。

<style ="">
#iframe-container{
wid………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/27 16:47
お世話になります。

頂いたソースを加え、heightを520にしたところ、
実機のiphoneでブレがなくなりました。
ありがとうございます。

………(省略)………
  • 返信者:非公開
  • 2019/06/27 17:29
ECマスターズの伊藤です。

> 頂いたソースを加え、heightを520にしたところ、
> 実機のiphoneでブレがなくなりました。
> ありが………(省略)………