響應全寬度部分

Question

有人可以看看我的網站，並幫助我解決在移動設備上查看時某個部分的外觀。主頁上的「成千上萬的加拿大人」和「移動搜索」部分沒有像頁面的其他部分那樣響應。任何幫助將不勝感激。 下面是CSS到目前爲止，我已經插入：

@media all and (max-width: 640px){ 
#site > .wrapper, #footer > .wrapper { 
    margin: 0; 
    padding: 40px; 
    width: auto; 
} 
} 

www.jobspark.ca

Answer 1

我不認爲你的目標的右側部分，如果你看看那些列在有是.myLeftColumn和.myRightColumn divs具有原始百分比寬度。當屏幕小於640像素或者需要斷點時，嘗試將這兩者都改爲100％寬度。

@media all and (max-width: 640px) { 
    .sqs-block-content .myLeftColumn, 
    .sqs-block-content .myRightColumn { 
     width: 100%; 
    } 
}