スマホで見るとボディが左右カタカタ動くのですが、修正方法がわかりません。

###スマホで見た時の左右のズレを直したい
モバイルのお話になりますが、こちらのページなのですが、左右カタカタ動き（右にスペースができています）、width100％以上動くのを直したいと思っています。様々な原因を探したのですが、直せず終いです。

スマホで下に素早くスライドすると、右側全体に余白あり、左右カタカタ動くようになっています。この右側の余白は何の原因でこうなったかお分かりになりますでしょうか。
多分、CSSの追加で何か間違えたのではないかと思っておりますが、原因がわかりません。

何卒よろしくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

この右側の余白は何の原因でこうなったかお分かりになりますでしょうか。

以下の部分のガター幅を変更していないことが原因です。

HTML
1<div class="row">
2    <div class="tags lr15 tag1">
3        <a class="label2" href="event/category/20">一人参加</a>
4        <a class="label2" href="event/category/6">30代コン</a>
5        <a class="label2" href="event/category/5">20代コン</a>
6        <a class="label2" href="event/category/4">同世代コン</a>
7    </div>
8</div>

以下のように修正することでこの問題は改善されると思います。

HTML
1<div class="row row-0">
2    <div class="tags lr15 tag1">
3        <a class="label2" href="event/category/20">一人参加</a>
4        <a class="label2" href="event/category/6">30代コン</a>
5        <a class="label2" href="event/category/5">20代コン</a>
6        <a class="label2" href="event/category/4">同世代コン</a>
7    </div>
8</div>