代码之家  ›  专栏  ›  技术社区  ›  Alexander Dimitrov

div的宽度设置为最小宽度或最大宽度

  •  0
  • Alexander Dimitrov  · 技术社区  · 7 年前

    如果有足够的空间,如何将div的宽度设置为最大宽度,如果没有足够的空间,如何将宽度设置为最小宽度?

    P、 使用宽度:100%有点可行,但我不希望在最小值和最大值之间有任何值。宽度应该是最小值或最大值,这不是中间值。

    2 回复  |  直到 7 年前
        1
  •  1
  •   Arel Sapir    7 年前

    mediaQuery

    假设最小值为30px,最大值为100px,足够的空间为70px 如果屏幕宽度为70px,使用媒体查询可以定义一个值,如果屏幕小于70px,则可以定义一个不同的值。

    例如:

    @media (max-width: 70px) {
        .myCssClass {width: 30px;}
    }
    .myCssClass {width: 100px;}
    

    在本例中,宽度“始终”为100px宽,除非屏幕宽度为70px或更小。

        2
  •  0
  •   Alexander Dimitrov    7 年前