• 文字サイズ
解決済

【楽天】スマホ・タブレットで表示した場合の右側の余白を消す方法

  • 相談者:非公開
  • 2019/03/28 10:28
いつもお世話になります。

スマホ・タブレットで当店を表示した場合、右側に意図しない余白が出来てしまいます。
これを消して全画面で表示するにはどうしたら良いでしょうか。

よろしくお願いいたします。
投稿内容について報告する




  • 返信者:非公開
  • 2019/03/28 14:12
ECマスターズの伊藤です。

実際に症状が起こっているページを確認をさせていただきたいので、
・ページのURL
・スクリーンショット
・スマホ、タブレ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/28 19:40
ご対応いただきありがとうございます。


すべてのページでこの現象が起こっていますが、以下参考のURLです。
https://item.rakuten.………(省略)………
  • 返信者:非公開
  • 2019/03/28 20:24
ECマスターズの伊藤です。

ご連絡ありがとうごございました。
PCページとして閲覧した際、現象を確認することができました。

余白の原因を確認したと………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/28 20:55
当該CSSを削除いたしましたところ、無事余白を消すことができました。

ご回答本当にありがとうございました。………(省略)………
  • 返信者:非公開
  • 2019/03/29 14:15
ECマスターズの伊藤です。

無事、余白の削除ができたようで安心いたしました。

CSSは意外なところでレイアウト崩れが起こってしまい、なかなか難しいと………(省略)………
  • 返信者:非公開(質問者)
  • 2019/04/02 00:32
解決したかと思ったのですが、まだほんの少し右側に余白があります。

調べてみると、レフトナビに入れてあるiframeのせいであることがわかりました。
EC………(省略)………
  • 返信者:非公開
  • 2019/04/02 16:51
ECマスターズの田中です。

ヘッダーコンテンツ部分のみ、あるいはページの内容全体、
どちらについてのご質問でしょうか。

ページ内容全体として余白を………(省略)………
  • 返信者:非公開(質問者)
  • 2019/04/02 17:33
ご回答ありがとうございます。

ご指摘いただきました動画は対応漏れですので修正いたします。

今回問題なのは、動画が無いトップページでも発生する余白で、………(省略)………
  • 返信者:非公開
  • 2019/04/02 18:22
ECマスターズの田中です。

トップページですね。
その場合は、レフトナビ+各説明文の横幅が
viewportの初期値である980pxを超えていることが………(省略)………