画面の左右に隙間ができる原因と修正方法見やすく表示させたい

モバイルで表示した時に横に揺れて変な空間まで出来てしまう時にした方法と解消と原因。
モバイル表示ではグラグラしていると当然見難いです、少なくとも離脱率が多くなる原因になる事があります。
直しておいて損は無いのですべての方に適用されるか分かりませんが、私がした方法を記載します。

主な原因は

余白のスタイルシート設定が間違ってる
レスポンシブ未対応広告
広告がはみ出てる（サイズが大きい）
ASP特有の設定

現在の状態を確認
スタイルシートに画面いっぱいで収まる様に調整する
レスポンシブ未対応広告（広告サイズが大きい）
ASP特有の影響
まとめ

現在の状態を確認

現状の表示状態を確認しておきます。

矢印の内側がサイトの最右側です、空白（白くなってる）部分が揺れの原因です、この空白になってるサイズを調整して見やすくします。

これだけ空白があると見てる方にも目が酔っちゃいそうですね。

スタイルシートに画面いっぱいで収まる様に調整する

投稿画面に画像やiframeなどが原因で余白が出てる場合はスタイルシートで画面に収めるコードを追加します。

ファイルエディタでスタイルcssから追加出来ます。

@media screen and (max-width:480px){

div#content img{
      max-width:100%;
      height:auto;
      margin-left:auto;
      margin-right:auto;
}

iframe{
    display:block;
        max-width:100%;
    clear:both;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:8px;
}

}

取り合えず大きいバナーや広告用の画像なども画面いっぱいに収まる様になります。
自分の場合はこれでは対応出来ませんでした。