移動網站右側間距沒有明顯的原因Wordpress主題

-1

我一直在爲其他公司最初開發的客戶端的網站工作。我們被要求修復他們的網站作出迴應。移動網站右側間距沒有明顯的原因Wordpress主題

我似乎無法找到額外間距的原因。

它只顯示在設備和響應式檢查器上：調整沒有活動的檢查器窗口的大小不會產生問題。

我已經檢查過的meta標籤<meta name="viewport" content="width=device-width, initial-scale=1.0">它是存在的。

將鼠標懸停在html元素和body元素上，它們是適當的「大小」，但它們不顯示區域外的任何元素流血，但問題仍然存在。

它顯示在一個實際的ipad正確，但督察搞砸了。

身體有

body { 
    min-width: -webkit-min-content; 
    min-width: -moz-min-content; 
    min-width: min-content; 
}

包裝

#wrapper { 
    width: 100% !important; 
    max-width: none; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

我試圖消除身體分鐘的內容，但它沒有任何效果。我也試圖改變包裝100％的最大寬度，再次，它是無效的。

手機上的橫向太寬， 320px縱向上的橫向是正確的寬度，但背景圖像顯示不必要地向左滑動。

感謝您的幫助！

來源

2016-07-01 Zaeo

我沒有看到任何明顯的填充屏幕的右側與Chrome瀏覽器響應檢查觀看時。你可以附上截圖嗎？ – Shane

是的，它清晰的響應式視圖 – vignesh

已在原問題 – Zaeo

這是Mirsky標識中突出顯示的頁腳。刪除填充，顯示：塊，並可能爲其添加最大寬度：100％。

來源

2016-07-01 18:29:22 Pascal

中添加圖片而且謝謝:)我總是很驚訝，它很容易錯過這樣的事情。我減少了25px的填充。最大寬度沒有與雙方64 px填充。 – Zaeo

它，因爲適用與內嵌樣式top: 173px !important;

來源

2016-07-01 18:34:25 vignesh

這實際上是與他們所有的網站奇怪的東西。我遇到的問題已修復。這完全是另一個。內聯重要標籤正在被JS或PHP添加，但尚未找到問題區域。在實際設備上查看，它顯示正確。以前的開發人員只考慮設備，而不是桌面。我發現將位置設置爲「初始」通常會修復此問題，並且正在他們的網站中實施。 – Zaeo

補充一點：

.copyright li img.alignright 
{ 
    max-width: 100%; 
    box-sizing: border-box; 
}

來源

2016-07-01 18:39:28

移動網站右側間距沒有明顯的原因Wordpress主題

回答

相關問題