2015-12-23 51 views
1

我有一個自定義的WordPress主題,我一直試圖調試這個問題幾天,但無法弄清楚。將不勝感激你的傢伙幫助!在移動設備上不顯示全寬的身體

在移動設備上 - 縱向視圖,身體不是全寬。在桌面瀏覽器上,它可以正常工作,即使您將瀏覽器寬度降低到與移動設備相同的尺寸。從我的iphone

截圖 -

手機截圖

enter image description here

我已經在頭這個標記 -

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

我的網站 - laxgoalierat.com

編輯:正如你看到的頁面最初加載在移動設備上的全寬,然後它調整到在屏幕截圖中看到的。

我試着玩弄身體的CSS。使身體的位置是:固定使得擴大全寬不過我就不能上下滾動:(

我走了其他的想法讓我知道如果提供任何其他細節將有助於

感謝。事先,達蒙

+0

它看起來只是HTML的一部分。可怕的,殺死它殺死它郵件列表橫幅看起來正確擴展,但身體不是。你可以嘗試發佈至少應用於頁面根級的HTML和CSS嗎?最好的情況是,如果你可以給我們一個最小的可重複的例子作爲一個小頁面? – Katana314

回答

1

你的問題的HTML似乎是從類似這樣的元素來:

<div class="yui-skin-sam avpcw_container">...</div>

我不知道這些是什麼,或者他們做了什麼......但他們的理由效果喲你在看。

所以一個快速和骯髒的方法是應用css來隱藏這兩個類中的一個或兩個來修補你的問題。例如:

.yui-skin-sam { 
    display: none; 
} 

顯然你需要確保隱藏這些類是適當的。我迅速地試圖弄清楚它們的用途。但沒有得到任何地方。

+0

謝謝!完美的指導。我可以從這裏拿走它! –

+0

儘管不是我的問題,使用'display:none;'策略幫助我追蹤了我的違規div。謝謝! – randallreedjr

相關問題