css

【CSS】スマホで見ると微妙に左右にズレる現象。1行で速攻解決します。

レスポンシブとかでサイトを作っている場合、スマホサイズの画面にすると画面が左右に微妙にズレる場合があります。

ほとんどの場合の原因は、サイトの横幅がスマホ画面サイズを超えてしまったことが原因です。

解決するCSSコードは以下の通り。

bodyクラスに、「overflow-x: hidden;」の1行追加するだけです。

これでスマホでグラグラズレることが解決します。

あと、HTMLとかCSS等のコードを記載する場合は、
<code></code>ではなく<pre></pre>で囲むと解決する場合があります。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です