スマートフォンページについて

Question

いつもお世話になっております。GOLDでスマートフォンのページを作成してみましたが、うまく表示させることができずにつまずいてしまいました。https://www.rakuten.ne.jp/gold/000000/sp-nude-category2/nude-category2.htmlスマホでみてみると、端によって小さく表示になってしまいます。ページ幅は370でPSで作成しました。こちらを

に変更してみましたが違うようです。ご教授よろしくお願いいたします。

Answer

ECマスターズの田中です。いただいたページは、横幅370pxで作成されておりますね。ですが、スマートフォンには横幅370pxのページであるという情報が伝わっておらず、大きめの見た目で表示された結果、端に小さく表示されてしまっています。「nude-category2.html」をGOLDからダウンロードして、Meryで開き、の直後にと記載して保存、アップロードしなおしていただくことで、スマートフォンで開いたとき、画面いっぱいに開くことができます。

Answer

ありがとうございます。記載してみてみたところ、画面いっぱいに表示させることができました。iPhone8+などでは右端がやはり余白になってしまっていますが、どの種類のスマホでも余白がなく画面いっぱいに表示させる方法はあるのでしょうか？

Answer

ECマスターズの村井です。いただいたご質問は休み明け担当より回答させていただきますので、今しばらくお待ちくださいませ。

Answer

ECマスターズの田中です。> iPhone8+などでは右端がやはり余白になってしまっていますとのことですが、この方法では機種を問わず、余白が出ないようになっているはずです。直接「nude-category2.html」をご覧いただいているのであれば、ビーバイさんの環境にて、キャッシュ（過去に読み込んだ記録）からスタイルシートを読み込んでいる可能性がございますので、下記「プライベートブラウズ」にて、再度ご確認いただけますでしょうか。https://weekly.ascii.jp/elem/000/000/352/352538/もし、どこかのページに iframeで埋め込んでご確認いただいている場合は、私でもその様子を確認できるURLを、一部伏せて返信、もしくは元質問右下の「投稿内容について報告する」よりお送りいただきますようお願いします。

スマートフォンページについて

カテゴリーから探す