Javascript 动态左边缘

如何根据

$（window.width（）

）设置div的动态左边距

---

例如，宽度为

1886px

时，边距应为

20%

，但宽度为

1280px

时，边距应更改为

10%

@media (max-width:1280px) {
    margin-left: 10%;
}
@media (min-width:1281px) {
    margin-left: 20%;
}

:

---

这里的比例是多少？这完全是武断的吗？我要说的是，针对这种行为，查看

媒体查询
。你需要对你想要应用的解决方案应用媒体查询，并在其中写下你想要对该解决方案应用的样式。
div {
     margin-left: 20%; /* Default */
}
@media (max-width: 1280px) { /* Apply these styles to 1280px width and under */
     div {
          margin-left: 10%;
     }
}