cssのremの使い方について

お世話になっております。

現在、チームでWeb制作をしています。
その中で、
height: rem(900);

というような、cssの当て方を見かけました。
これは、900remとは違うのでしょうか？
特殊な書き方な気がするのですが...。

2021/06/30 02:24

通常のCSSの記法ではないと思うので、プリプロセッサーなど何かのツールを併用されているのだと思いますが、そのチームの方に質問されてはいかがでしょうか？？ 900remというサイズは、恐らく通常の画面では表示しきれないので、違うのだとは思います。

K_3578

2021/06/30 02:28

それ書いた人に聞いた方が早いと思う。少なくとも通常の記法ではない

m.ts10806

2021/06/30 04:02

ぐぐると関数表記法のページに辿り着きますが、調べて何も出ませんか？

hallen0225

2021/06/30 06:37 編集

m.ts10806様関数表記法のrem関数は、2つの引数（px数など）を渡してその余りを返すもので、CSS Values and Units Module Level 4（草案段階）のものです。こちらで把握している限り、現在実装されているブラウザはありません。 "rem()"などで検索して出てきたのだと思いますが、正しい情報とは言えないのではないでしょうか？？

行動規範の内容に同意します

回答2件

cssのrem()関数は、まだWorkingDraft（草案）としてしか存在していない、これから実装されるかもしれないcss関数のうちの1つです。

原文：
https://drafts.csswg.org/css-values-4/#round-func
日本語訳：
https://triple-underscore.github.io/css-values-ja.html#round-func

草案によると、rem関数は2引数の関数で、第1引数を第2に引数で割った余りを返します。この際、返値の符号が第1引数の符号に依存する（mod関数と逆の動作になる）ことになる、とのことです。

ということで、もし質問文のremが本当にrem関数のことであれば、

まだどのブラウザでもサポートされていない草案段階の関数をあえて使っている
引数の数が合わない

という2重の間違いを犯していることになります。この状況を鑑みると、本実装された関数のつもりで記載しているとはとても考えられません。
単位のremをよく理解しないまま使用していると考えるのが妥当だと思われます（900remという大きな値を要素のheightに与える必然性がどこにあるのかも疑問です）。

なお、Can I Use でもまだ出てきません。
https://caniuse.com/?search=css%20rem()

最新のChomeバージョン（91.0.4472.114※）で試してみましたが ivalid property valueでした。