设置响应式样式表更少？

Question

我想建立一个反应灵敏的皮肤起诉少。但是我想将rems用于移动设备，将px用于桌面设备。

我该怎么做？

由于

Answer 1

由于您使用的较少，您不一定需要区分它们，您可以通过mixin使用后备符号：

// the size of your base element
@base-size: 16px;

div {
    .font-size(18px);
} 

.font-size(@size){
  font-size: unit(@size,px);
  font-size: unit(@size/@base-size,rem);
}

汇编为：

div {
  font-size: 18px;
  font-size: 1.125rem;
}