@media 在 mixin 中(lessphp)
@media in mixin (lessphp)
我想用这样的媒体查询制作自己的 mixin。
@maxWidth: 1170px;
.breakpoint(@maxWidth) {
@media screen and (max-width: @maxWidth) {
@content;
}
}
但是mixin 中的@media 不起作用。是否支持lessphp?如果没有,我该如何解决?
P.S。我不想在我所有的 .less 文件中复制很多这个规则(@media screen 和(最大宽度:@maxWidth))。
谢谢!
考虑为您需要的断点使用变量,例如:
@maxWidth: ~"screen and (max-width: 1170px)";
@media @maxWidth {
color: red;
}
我想用这样的媒体查询制作自己的 mixin。
@maxWidth: 1170px;
.breakpoint(@maxWidth) {
@media screen and (max-width: @maxWidth) {
@content;
}
}
但是mixin 中的@media 不起作用。是否支持lessphp?如果没有,我该如何解决?
P.S。我不想在我所有的 .less 文件中复制很多这个规则(@media screen 和(最大宽度:@maxWidth))。
谢谢!
考虑为您需要的断点使用变量,例如:
@maxWidth: ~"screen and (max-width: 1170px)";
@media @maxWidth {
color: red;
}