HP：余白（マージン）の探し方と消し方

内製化のプロ、オジマンです。

#HP制作 #HPdesign の際に
「レスポンシブ仕様にしたら余計な余白ができちゃった！！」
という事象が挙げられます。

スマートフォンの場合は
W360 H736　この規格に外れている、つまり
W360＜要素の配置＋素材のサイズ　の場合にこの事象が生じます。

私も同じ先日、この事象の解消に数時間も費やしたため
その答えをご紹介いたします。みなさんは時間を無駄にしないでくださいね。

目次

1. この記事を通じてできること

2. 作業

3. 最後に

この記事を通じてできること

❶サイトの右側、左側に不要にできた空白を除外できる
❷スマートフォンのスクロールで不要に右スクロールがでる現象を解消

ここから先は有料記事となります。
このラインより上のエリアが無料で表示されます。

※本記事はChromeを使用しておりますため、
　FirefoxやBingのみ使用したい方はご遠慮くださいませ。