更小的窗口大小導致切斷內容

Question

我正在嘗試爲自己設計一個新網站，但在嘗試使其與較小的設備兼容時遇到一些重大問題。

以更大的分辨率運行網站時，一切都很正常，直到您開始將其放到手機和某些平板電腦尺寸。當窗口變小時，我的網站底部會丟失內容，滾動條不會再進一步​​。我可以解決這個問題，但我得到一個可怕的水平滾動條，沒有內容。

見圖片：http://i.stack.imgur.com/98ZzF.png

我已經使用所有溢出方法試過，但仍然無法找到一個解決。

鏈接到網站，讓您可以查看自己：Website

Answer 1

overflow-x應該解決您的問題。

body{ 
    overflow-x:hidden; 
}