关于 NativeScript 中的 height 选项是什么值？能否通过 style class 应用？
假设有这样一个布局。 不过这里有 height="40"。 不过，有时比起这样输入，更希望通过 class 使用 tailwindcss 设置 height。 但是，我完全不知道 height="40" 到底是什么意思。 它是 rem？em？px？你可能会好奇这究竟是什么， 这里设置的值准确来说是 。 因此 https
GGAMI
<GridLayout columns="假设有这样一个布局。 不过这里有 height="40"。 不过，有时比起这样输入，更希望通过 class 使用 tailwindcss 设置 height。 但是，我完全不知道 height="40" 到底是什么意思。 它是 rem？em？px？你可能会好奇这究竟是什么， 这里设置的值准确来说是 。 因此 https
<GridLayout columns="假设有这样一个布局。 不过这里有 height="40"。
不过，有时比起这样输入，更希望通过 class 使用 tailwindcss 设置 height。
但是，我完全不知道 height="40" 到底是什么意思。 它是 rem？em？px？你可能会好奇这究竟是什么，
这里设置的值准确来说是 DIP。
// Convert em/rem values to device pixel values
// assuming 16 as the basis for rem and
// treating em as rem
if (decl.value.includes("rem") || decl.value.includes("em")) {
decl.value = decl.value.replace(remRE, (match, offset, value) => {
const converted = "" + parseFloat(match) * 16;
options.debug &&
console.log("replacing r?em value", {
match,
offset,
value,
converted,
});
return converted;
});
options.debug &&
console.log({
final: decl.value,
});
}可以看出，rem 和 em 被转换成符合 DIP 计算公式的值。
目前由于我对 NativeScript 的了解还不多，所以会输入 height，但以后会使用 h-12、h-40 这样的 tailwindcss style class。