Css 响应全宽截面

Css 响应全宽截面,css,mobile,responsive-design,Css,Mobile,Responsive Design,有没有人可以看看我的网站,帮我修复在移动设备上浏览某个部分时的外观。主页上的“成千上万的加拿大人”和“移动搜索”部分不像页面的其他部分那样响应迅速。任何帮助都将不胜感激。 以下是我目前插入的CSS: @media all and (max-width: 640px){ #site > .wrapper, #footer > .wrapper { margin: 0; padding: 40px; width: auto; } } www.jobspark.c

有没有人可以看看我的网站,帮我修复在移动设备上浏览某个部分时的外观。主页上的“成千上万的加拿大人”和“移动搜索”部分不像页面的其他部分那样响应迅速。任何帮助都将不胜感激。 以下是我目前插入的CSS:

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

www.jobspark.ca

我认为您的目标并不是正确的,如果您查看其中的列,就会发现有
.myLeftColumn
.myRightColumn
div具有原始的百分比宽度。当屏幕小于640px或需要断点时,尝试将这两个选项都更改为100%宽度

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

太棒了,谢谢你。我完全看过头了。一个问题。你能看到一个方法来修复我的标志,而在手机上查看。它想像一个固定导航一样,在滚动的同时在屏幕上向下滑动。希望这是有道理的www.jobspark.caChecked在iphone上,没有注意到你正在谈论的关于徽标的问题,只是导航菜单稍微切断了它。我只是想让徽标出现在导航的顶部。你的域名过期了!