动态左边距

Dynamic left margin

本文关键字：左边 动态      更新时间：2023-09-26

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

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

CSS媒体查询：

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

CSS媒体查询是一种方法：

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