页面上的缩放元素，而不是页面（更改像素密度）

Question

我正在运行一个混合应用程序，我现在正在Nexus 7上测试它。我正在使用Polymer作为元素，主要使用默认或接近默认样式。这些元素，例如paper-fab oder paper-button，显示得太小了。当然我可以改变它们的所有尺寸，但是没有像元标记这样的设置来改变比例。设置初始比例不起作用，因为它会缩放整个页面。我只希望单个元素扩展得更大。

Answer 1

你试过'规模'吗？

transform: scale(2);

请注意，在使用它之前，你应该尝试使用一个明确的高度和宽度，这可能会导致一些布局问题，但是一些快速的css无法解决这个问题。

修改

第二个想法是什么问题：

paper-fab, paper-button {
  width: *Your width here*;
  height: *Your height here*;
}

编辑2：

将下面的css添加到项目中，元素应自动缩放到您指定的宽度和高度。

paper-fab {
  padding: 0;
  display: flex;
}

paper-fab::shadow core-icon {
  margin: calc(100% * 2/7);
  width: calc(100% * 3/7);
  height: calc(100% * 3/7);
}