2020-06-01 活用@media 查询

2020-06-01  本文已影响0人  浩克啊12138
      @maxWidth=780px;

    .manage {
      height: 441px;
      @media screen and (max-width: @maxWidth) {
        height: 316px;
        padding: 39px 34px;
      }
    }

当页面宽度小于@maxWidth的时候,在当前位置添加height: 316px; padding: 39px 34px;

      @maxWidth=780px;

      @media screen and (min-width: @maxWidth) {
          position: relative;
      }

当页面的宽度大于于@maxWidth的时候,在当前位置添加position: relative;

上一篇下一篇

猜你喜欢

热点阅读