CSS/HTMLで不要な余白が<html>に設定されていません

-2

私のShopify store'sの応答性をテストしたところ、特定の幅ではdocumentの右側に若干の余白が表示されていましたが、 CSSやHTML自体のマージン/パディングには関係しません。CSS/HTMLで不要な余白が<html>に設定されていません

をbodyとhtmlに設定してスクロールバーを押さえようとしましたが、スクロール可能なタッチデバイスでは本当に役に立たないです。

これまでのところ、デベロッパーモードでChrome v61.0.3163.100(Official Build)(64-bit)とMozilla Firefox v47.0.1の問題をテストしました。対応して幅832pxおよび832pxに現れます。

また、CSSの@media,@query-atのものがChrome Dev Toolsでどのように取得されたかを偵察しようとしましたが、この血まみれのインセットを引き起こす原因はまだありません。

ここに問題のスクリーンショットがあります。助けるため

感謝。

2017-10-23 Ivan

私のシステムでは正常に動作している –

サイズを変更するとnavbarが長すぎます。ちょうどそれを調べると、ナビのアイテムのインセプターポイントを見ることができます – Huangism

あなたの犯人は次のとおりです： 'ul＃moreMenu - list' – UncaughtTypeError

詳細項目

#moreMenu .site-nav--dropdown { 
    right: 0; 
}

左0にプルダウンするためright: 0に更新left: 0を含む親の左側の開始のメニュー項目を設定し、作成したので、それの持つ親の長さよりも長いですその余分なスペース。

2017-10-23 18:25:32 Huangism

あなたはそれをどのように見つけたのか、手がかりはありませんが、それは私のために働きます。ドロップダウンビューを望みどおりに広げるために、 'left：0'を' auto'にオーバーロードするだけです。ありがとう！ – Ivan

余分なスペースを調べるだけで、そこに何が起こっているのかが分かりやすくなります。 – Huangism

はそれを試しましたが、私がそこにあった空白は文書全体で目にしました。 DevToolsで十分な練習をしていない可能性があります。とにかくありがとうございました。 – Ivan

答えて