モバイルで余分な水平空白を削除する（css）

Question

私はモバイル時に余分な空白の横の空白が追加される問題があります。最初は隠されていますが、右にスクロールするか右にスワイプすると表示されます。

私のコードでどこにこの幅が100％を超えているのかを正確に特定することはできません。私の携帯電話<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">が正しく、私のheadタグにあります。

ここに問題のウェブサイト：wpdev.mosaic.buzz/wordpress12があります。

devツールを使用してモバイルブラウザをシミュレートし、1000px以下に移動します。

ありがとうございました。

Answer 1

ページの下部にあるフォームにご入力フィールドのいくつかの属性size="100%"を持っている - 。あなたはその属性を削除し、代わりにスタイル属性（のような<input type="text" style="width:100%">を設定した場合、あなたが戻ってビジネスであるべき

size属性は入力の幅（文字単位）を含むことを意味しますので、size="50"は幅50文字ですが、size="100%"はあなたに奇妙さを与えるでしょう...