2012-12-16 60 views
0

我正在iPad和iPhone的頁面上工作,其中我有一個標題,在最左邊和最右邊的角落有按鈕,內容位於標題下方。標題背景由於水平滾動條的關閉

頭部的CSS已經完成,使得頭部的寬度隨着ipad的定向而改變,iPhone顯示頭部左側和右側的所有按鈕。

但是,當我的內容超過特定寬度時,會出現一個水平滾動,並且當我滾動到頁面的最右側數據時,標題會被剪掉。

我可以面對這個網址來查看問題的示例:

http://www.kalee-eversole.com/

副本的問題:

http://www.tempestblog.com/2011/06/19/common-css-problem-header-background-cut-off-when-page-scrolled-horizontally/

是否有此問題的任何解決方法嗎?任何有價值的建議都非常受歡迎

回答

0

這不是header標籤被剪掉,而是body,你有一個圖像(模擬標題)作爲背景。

這個問題似乎是在你的body100%(瀏覽器的寬度)的寬度,同時頭部有1024px寬度(加上子元素切緣陰性),所以當瀏覽器小於1024的機身僅跨度達瀏覽器的寬度,留下額外的滾動區域沒有背景圖像。

嘗試增加這對你的身體標籤的CSS:

min-width:1192px; 

(1024從由左頭內部元件和右緣陰性頭寬度+ 98 + 70)