javascript - 动态左边距

Question

如何根据 $(window).width() 设置 div 的动态左边距？

例如，对于 1886px 的宽度，边距应为 20%，但对于 1280px 的宽度，边距应更改为10%。

Answer 1

CSS Media Queries :

div {
     margin-left: 20%; /* Default */
}
@media (max-width: 1280px) { /* Apply these styles to 1280px width and under */
     div {
          margin-left: 10%;
     }
}