減小瀏覽器尺寸時更改網站佈局

Question

當我縮小瀏覽器窗口尺寸時，頂部和底部頁腳開始縮小，將頁腳內的內容（頂部和底部的導航欄）從頁腳中移出並它開始與主文本主體重疊。 有誰知道爲什麼會出現這個問題？如果這個問題不清楚或者已經得到解答，我很抱歉，我還在學習。非常感謝您的幫助。

Answer 1

當窗口變小時，網頁上的大部分內容將被調整大小。你可以做的是設置min-width CSS屬性來定義一個最小寬度，瀏覽器在該點處將添加滾動條而不是調整頁面上的元素。因此，像：

.someClass { 
    min-width: 800px: 
} 

Answer 2

我想你可以使用％，所以在上級元素的寬度由400像素的EX減少的情況下，可以設定孩子的寬度，高度，margine等定製你的所有CSS規則通過這樣的％值：

.parent{ 
    width:100%; 
} 
.child{ 
    width:60%; 
} 

讓我們假設母公司100％代表1024像素，那麼兒童將採取614像素 和網頁時重新調整大小和花費600像素，所以孩子會360像素自動