Checkboxsize相对于缩放页面

Question

我知道我可以这样缩放一个复选框：

input[type=checkbox] {
      transform:scale(1.5);

这样，即使我缩放页面，复选框也会保持其大小。

我怎么能告诉它，它应该随页面的其余部分增长或缩小？

我尝试了％和em，但那不起作用。