css - 更少地设置响应式样式表？

Question

我想设置一个 react 灵敏的皮肤，减少起诉。但我想在移动设备上使用 rems，在桌面设备上使用 px。

我该怎么做？

谢谢

Answer 1

因为你用得少了，你不一定需要区分它们，你可以通过混合使用回退符号:

// 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;
}