2016-05-17 6 views
0

これと少し混乱します。私がウェブサイトをそのまま見ると、画面が適切に表示されているようです。私は "inspect"をクリックすると適合します。また、私は "デバイスモード"を切り替えるときにも適合します。クロム開発ツールの余分な余白

ただし、デバイスモードで別の画面サイズを再表示しようとすると、すべてのサイズで右側に空白が表示されます。これはhttp://toqueholistico.com/でのみ行います。

これを修正する方法の提案はありますか?

EDIT:screeonshot enter image description here

答えて

0

問題が.vc_rowクラスです。左右に負のマージンが適用され、全体的にオーバーフローが発生しています。

でそれを上書きしてみてください。

.vc_row { 
    margin-left: 0 !important; 
    margin-right: 0 !important; 
} 
+0

これは、それを修正しませんでした。余分なスペースがすぐには表示されないので、変です。レスポンス幅を調整することができます。最初の数秒間はOKですが、レスポンスモードで所定のサイズを選択した場合や、スペースをすばやく調整しても、それ以降は決して離れません。 body要素の上にカーソルを置くと、空白は選択されません。 – CZorio

+0

@CZorio Chromeのインスペクタで上記のルールを追加しましたが、水平方向にスクロールしません。http://i.imgur.com /kCPzhwA.png DevToolsで適用されたルールを表示すると、上記のルールは他のものによって上書きされますか? –

+0

助けてくれてありがとう。元の質問に追加したスクリーンショットを確認してください。ご覧のとおり、提案した内容を追加しましたが、関連する行についてまだギャップがありますが、問題はそれよりも大きいようです...上部のスライダはVC行に閉じ込められません。画面上で選択できる要素は1つだけです。その要素は、余分なスペースを含めてページ幅全体を強調表示します。本文、HTML、または.container ....ではなく、です。 – CZorio

関連する問題