缩放页面上的元素，而不是页面(更改像素密度)
缩放页面上的元素，而不是页面(更改像素密度)
提问于 2015-02-20 17:12:05
我正在运行一个混合应用程序，现在正在Nexus 7上测试它。我使用的是聚合物元素，大多数是默认的或接近默认的样式。元素，例如纸张制造或纸张按钮，显示得太小。当然，我可以更改它们的所有大小，但是不是有一些像meta标签这样的设置来更改比例吗？设置初始比例不起作用，因为它会缩放整个页面。我只想让单个元素的比例变大。
回答 1
Stack Overflow用户
发布于 2015-02-21 08:51:14
你有没有试过'scale'？
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);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28625233
复制相关文章
相似问题
腾讯云开发者
