diff --git a/source/_posts/responsive-flex.md b/source/_posts/responsive-flex.md index 8e743ea..ee23c5a 100644 --- a/source/_posts/responsive-flex.md +++ b/source/_posts/responsive-flex.md @@ -87,13 +87,32 @@ keywords: CSS,Less,响应式,responsive,flex,media each(@basis-percent, .(@max) { each(range(1, @max), .(@i) { .b-@{i}-@{max}-@{media} { + # 如果应用在Lesscss 4中,这里需要改成:percentage((@i / @max)), + # 因为Lesscss 4在数据计算上有了比较大的修改。 flex-basis: percentage(@i / @max); } .w-@{i}-@{max}-@{media} { width: percentage(@i / @max); } + .wmax-@{i}-@{max}-@{media} { + max-width: percentage(@i / @max); + } + .wmin-@{i}-@{max}-@{media} { + min-width: percentage(@i / @max); + } }); }); + each(range(0, 100), .(@i) { + .w-@{i}p-@{media} { + width: percentage(@i / @max); + } + .wmax-@{i}p-@{media} { + max-width: percentage(@i / @max); + } + .wmin-@{i}p-@{media} { + min-width: percentage(@i / @max); + } + }; @wrap-modes: { none: nowrap; wrap: wrap;