百分比問題，讓一個元素遵循100％瀏覽器寬度

我一直在研究移動版本ov我的網頁一段時間，玩弄各種媒體查詢和解決方案。不過，我似乎把自己放在一個小姐身上。當檢測到屏幕寬度爲800px或更小的設備時，我正在調整元素的大小以佔用瀏覽器寬度的100％。百分比問題，讓一個元素遵循100％瀏覽器寬度

除了一個之外，我的所有其他元素都已經到位，我花了兩天的時間尋找修復程序。我認爲這是我在Css中設置的一個固定寬度，但經過大量搜索後，我沒有找到任何。在這個網頁中間看到的手風琴導航元素，支持橫跨頁面的寬度，而不是超過網頁的邊界。

我會非常感激，如果我能得到一個新的眼睛，看看我是否在這裏犯了一個錯誤。

我認爲主要的CSS領域是有問題的領域。（Styles.css中）&（accord.css）

#wrapper { 
width:100%; 
} 
#wrapper #c-wrap{ 
width:100%; 
position: relative; 
} 

.ac-wrap-m{ 
width:100%; 
font-family: Verdana, Geneva, sans-serif; 
margin-top: 10px; 
margin-right: 0px; 
margin-left: 0px; 
margin-bottom: 1em; 
position:relative; 
}

我從桌面上建立了頁面，並翻唱它，我知道我確實使用了一套寬度在桌面版本。這是我認爲問題的唯一可能，但我可能是錯的。

來源

2014-01-30 Beaniie

如果您將瀏覽器窗口調整爲大約800像素，最好看到。 – Beaniie

div＃c-wrap的設置寬度爲1000px，＃wrapper的最小寬度爲1080px。一旦你刪除這些，並改變他們的東西。你不會看到水平滾動條

來源

2014-01-30 14:44:33 Huangism

你的傳奇！：）謝謝。 – Beaniie

我更喜歡複選標記 – Huangism

是的，我不得不等待2分鐘。：P – Beaniie

添加

min-width: 100%;

要將#wrapper指定＃C-包裝代碼的媒體查詢裏面，你會好到哪裏去。

來源

2014-01-30 14:47:55 iamcode

添加此代碼仍然沒有進展。它仍然超越了瀏覽器窗口。 :( – Beaniie

這個代碼在#wrapper Css裏也是需要的，我添加了，我還是不能上傳，但是當我可以的時候，我會回覆upvote你的答案，因爲它確實幫助了這個問題，再次謝謝你 – Beaniie

沒問題:)你很受歡迎 – iamcode

百分比問題，讓一個元素遵循100％瀏覽器寬度

回答

相關問題