响应全宽度部分

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 div具有原始百分比宽度。当屏幕小于640px或需要断点时，请尝试将这两者更改为100％宽度。

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