【问题标题】:How to convert margin: 0 auto to .rem(margin:..)?如何将保证金:0自动转换为.rem(保证金:..)?
【发布时间】:2017-10-26 08:46:08
【问题描述】:

这是我们如何在我们的网站中使用 rem 的示例代码:

.width(1200px);
.rem(padding, 100px);
.rem2(padding, 100px, 50px);
.rem3(padding, 100px, 50px, 0);

所以基本上,.rem() 会自动将 px 单位转换为 rem,以便调整到根 (html) 元素的尺寸。

但是,如果我想将margin: 0 auto; 转换为.rem()。如何使用此功能进行自动边距?

【问题讨论】:

  • 好吧,你的.rem 不是一个函数,它实际上并没有返回任何你可以分配给属性的值(如果你看仔细看你会发现你的.rem 已经有一个属性,你不能真正将一个属性分配给另一个属性,对吗?)。这个问题有几个解决方案: 1. 真正的functions。 2. 仅使用单个值的简单 mixin 3. 更多 miixin 技巧用于具有多个值的属性 (like this)。
  • Example for 2(尽管它不适合您的示例)。

标签: css less


【解决方案1】:

你不能。

auto 是(用非常简单的术语)剩下的任何东西

这取决于浏览器窗口的大小。

在 LESS 运行时无法计算它。

【讨论】:

    猜你喜欢
    • 2013-10-17
    • 1970-01-01
    • 2012-01-12
    • 2013-02-14
    • 1970-01-01
    • 2015-10-25
    • 1970-01-01
    • 2014-08-02
    • 1970-01-01
    相关资源
    最近更新 更多