覆盖移动的填充css

Question

我有一个身体（桌面）填充，但我需要改变它以适应手机

这是身体css：

    .column{
    float:left;
    width:50%;
    max-height:376px;
    padding-left:10%;
}

这是移动设备在同一个css文件中的部分：

@media all and (max-width : 480px) {
    .column{
        padding-left:-5%;
    }
}

为什么这没有改变什么？

Answer 1

如果要将.column元素移到左侧，可以在移动设备上将填充更改为0px，然后添加负边距。

    @media all and (max-width : 480px) {
      .column{
          margin-left: -5%;
          padding-left:0;
      }
    }