css - 如何删除移动网站的大面积白色区域？

Question

对于我的移动网站的所有页面，我想摆脱两条阴影线之间浪费的巨大空白。

我在用着#pageWrapper { margin-top: 30px; }在我的桌面版本上使用间距，但也许这不是理想的方式？我被要求删除它，但随后它弄乱了桌面视图的间距。

我的网站是http://jeffreydowellphotography.com（如果它不赞成发布我的网站链接，我很抱歉，但我不知道如何向您展示）我是菜鸟。

Answer 1

您需要在媒体查询中应用移动样式：

@media screen and (max-width: 800px) {
    #pageWrapper {
        margin: 0;
        padding: 0 20px;
    }
    .sqs-layout .sqs-row .sqs-block:last-child {
        padding-bottom: 0;
    }
}