1

ブラウザーが px を使用する rem をサポートしていない場合、フォールバックを使用して px に基づいて rem 単位で font-size を計算するための mixin を完成させようとしています。しかし、解析すると問題が発生します。たとえば、16px は value+pxpx になります。

主な問題は、同じ変数を別の場所で使用したい場合、px または単位測定なしで定義する必要があるため、使用できないことです。

単位測定を含む値を渡して正しく返すにはどうすればよいですか?

それを非常に速く読んで、pxなしで連結を削除しないとうまくいかないと思う人にとっては。pxremになります

.remCalc(@sizeValue) {
  @remValue: (@sizeValue / @font-size-base);
  font-size: ~"@{sizeValue}px";
  font-size: ~"@{remValue}rem";
}
4

1 に答える 1

5

unit()関数を使用できます。

.remCalc(@sv) {
  @sizeValue: unit(@sv);
  @remValue: (@sizeValue / @font-size-base);
  font-size: unit(@sv,px);
  font-size: unit(@remValue,rem)";
}

例：

@sv: 10px;

関数はユニットを削除できます

unit(@sv); // 10

または単位を変更します

unit(@sv,em); // 10em
于 2013-03-18T11:28:15.857 に答える