2016-05-17 78 views
0

我對此有點困惑。如果我按照原樣查看網站,它看起來正確適合屏幕。它適合當我點擊「檢查」。當我切換「設備模式」時,它仍然適合。鉻合金開發工具的額外右邊距

但是,如果我嘗試在設備模式下重新調整大小或查看不同的屏幕尺寸,則右側有各種尺寸的空白區域。它只能通過http://toqueholistico.com/執行此操作。

有關如何解決此問題的任何建議?

編輯:screeonshot enter image description here

回答

0

的問題是.vc_row類。它在左側和右側應用負邊距,這會導致整體溢出。

嘗試用覆蓋它:

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

這並沒有解決它。這很奇怪,因爲多餘的空間不會馬上出現。我可以調整響應寬度,並且在開始的幾秒內仍然可以,然後如果我在響應模式中選擇了預定的大小,或者快速調整它,空間就會出現並且在此之後再也不會消失。如果我將鼠標懸停在body元素上,則不會選擇空格... – CZorio

+0

@CZorio我在Chrome中通過Inspector添加了上述規則,並且它不會水平滾動:請參閱http://i.imgur.com /kCPzhwA.png 當您在DevTools中查看應用規則時,上面的規則是否會被別的東西覆蓋? –

+0

感謝您的幫助。檢查我添加到原始問題的截圖。正如你所看到的,我添加了你的建議,並且相關行的間隙仍然存在,並且問題似乎比這更大......頂部的滑塊並不侷限於vc行。只有一個元素可以在我的屏幕上選擇,它將突出顯示整個頁面寬度,包括額外的空間......並且它不是body,html或.container ....它是

。 – CZorio