css - 使用移动设备查看网站时出现填充问题

Question

有人可以看看我的网站并帮助我修复移动显示。更具体地说，设置和修复填充和边距。当我在 Iphone 上查看网站时，它一团糟。

想使用 CSS 来解决这个问题，因为我已经研究了一些帮助，但还不能让它工作。主要的 CSS 移动目标如下：

@media

任何帮助将不胜感激。

www.jobspark.ca

Answer 1

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