頁面元素在視口外切斷

Question

我遇到了一個我正在處理的網頁問題，我發現難以描述。在小瀏覽器窗口中查看時，頁面在水平滾動到瀏覽器視口之外的內容時會切斷。什麼導致這個問題？它如何被修復？提前致謝。

這是我在野外發現了問題的一個例子：

這可能是好注意，我不會使用媒體查詢來實現這個頁面響應式設計來。

Answer 1

機會是你有一些設置爲width: 100%，但你沒有在身體上設置min-width，這導致100％寬元素只有窗口一樣寬。

嘗試這樣：

body { 
    min-width: 960px; 
} 

或任何頁面的最小寬度。