首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >@media in mixin (lessphp)

@media in mixin (lessphp)
EN

Stack Overflow用户
提问于 2016-01-18 05:02:36
回答 1查看 97关注 0票数 1

我想自己做一个像这样的混音室。

代码语言:javascript
运行
复制
@maxWidth: 1170px;

.breakpoint(@maxWidth) {
  @media screen and (max-width: @maxWidth) {
    @content;
   }
 }

但是混播中的@media不起作用。支持还是不支持?如果没有,我怎样才能修好它?

我不想在我的所有.less文件中复制这个规则(@media屏幕和(最大宽度:@maxWidth))。

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-18 05:44:08

考虑为所需的断点使用变量--一个示例:

代码语言:javascript
运行
复制
@maxWidth: ~"screen and (max-width: 1170px)";

@media @maxWidth {
   color: red;
 }

一个例子:http://lesscss.org/less-preview/#%7B%22less%22%3A%22%40maxWidth%3A%20~%5C%22screen%20and%20(max-width%3A%201170px)%5C%22%3B%5Cn%5Cn%40media%20%40maxWidth%20%7B%5Cn%20%20%20color%3A%20red%3B%5Cn%20%7D%22%7D

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34847599

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档