且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

角度材料设计布局自定义尺寸

更新时间:2023-01-13 23:06:53

我写了一个媒体查询如下:

I wrote a media query as follows :

@media only screen and (min-width: 1601px) {
    [flex-gt-lgx="25"] {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }
}

并使用以下span标签

and used the following span tag

<span flex-md="10" flex-sm="5" flex-lg="15" flex-gt-lg="20" flex-gt-lgx="25" ></span>

它按预期工作!!

注意:这样做的缺点是 flex-gt-lgx 应始终设置为 25 值.

Note: Downside of doing this is that flex-gt-lgx should be always set to 25 value.