解決済
【楽天】スマホ・タブレットで表示した場合の右側の余白を消す方法
- 相談者：
(DELETE1767591093)もろふじ - 2019/03/28 10:28
いつもお世話になります。
スマホ・タブレットで当店を表示した場合、右側に意図しない余白が出来てしまいます。
これを消して全画面で表示するにはどうしたら良………（省略）………
- カテゴリ：楽天市場
9
- 返信者：(DELETE1756463501)ECマスターズ伊藤
- 2019/03/28 14:12
ECマスターズの伊藤です。
実際に症状が起こっているページを確認をさせていただきたいので、
・ページのURL
・スクリーンショット
・スマホ、タブレ………（省略）………
役に立った (0)
ありがとう (0)
- 返信者：(DELETE1767591093)もろふじ
- 2019/03/28 19:40
ご対応いただきありがとうございます。
すべてのページでこの現象が起こっていますが、以下参考のURLです。
https://item.rakuten.………（省略）………
役に立った (0)
ありがとう (0)
- 返信者：(DELETE1756463501)ECマスターズ伊藤
- 2019/03/28 20:24
- ベストアンサー
ECマスターズの伊藤です。
ご連絡ありがとうごございました。
PCページとして閲覧した際、現象を確認することができました。
余白の原因を確認したと………（省略）………
役に立った (0)
ありがとう (0)
- 返信者：(DELETE1767591093)もろふじ
- 2019/03/28 20:55
当該CSSを削除いたしましたところ、無事余白を消すことができました。
ご回答本当にありがとうございました。………（省略）………
役に立った (0)
ありがとう (0)
- 返信者：(DELETE1756463501)ECマスターズ伊藤
- 2019/03/29 14:15
ECマスターズの伊藤です。
無事、余白の削除ができたようで安心いたしました。
CSSは意外なところでレイアウト崩れが起こってしまい、なかなか難しいと………（省略）………
役に立った (0)
ありがとう (0)
- 返信者：(DELETE1767591093)もろふじ
- 2019/04/02 00:32
解決したかと思ったのですが、まだほんの少し右側に余白があります。
調べてみると、レフトナビに入れてあるiframeのせいであることがわかりました。
EC………（省略）………
役に立った (0)
ありがとう (0)
- 返信者：(DELETE1684735185)ECマスターズ田中
- 2019/04/02 16:51
ECマスターズの田中です。
ヘッダーコンテンツ部分のみ、あるいはページの内容全体、
どちらについてのご質問でしょうか。
ページ内容全体として余白を………（省略）………
役に立った (0)
ありがとう (0)
- 返信者：(DELETE1767591093)もろふじ
- 2019/04/02 17:33
ご回答ありがとうございます。
ご指摘いただきました動画は対応漏れですので修正いたします。
今回問題なのは、動画が無いトップページでも発生する余白で、………（省略）………
役に立った (0)
ありがとう (0)
- 返信者：(DELETE1684735185)ECマスターズ田中
- 2019/04/02 18:22
ECマスターズの田中です。
トップページですね。
その場合は、レフトナビ＋各説明文の横幅が
viewportの初期値である980pxを超えていることが………（省略）………
役に立った (0)
ありがとう (0)