用聚合物缩小所有页面内容

用聚合物缩小所有页面内容

问题描述:

默认情况下,聚合物制造出漂亮但通风的布局(由于填充,边距,字体大小...)。用聚合物缩小所有页面内容

什么是官方(或干净)的方式来缩小所有的用户界面,以便我们可以在更少的表面上拥有更多的内容?

我能找到一个快速的黑客攻击有:

html { 
    transform: scale(0.8); 
} 

但这种改变所有的内容,在每4个边界留下一个空的空间。

+0

请说明您的具体问题或添加更多的细节,以确切地突出你所需要的。正如它目前所写,很难确切地说出你在问什么。 –

+0

@Paulie_D这里是(我希望)所有必要的细节来理解。 – samb

+0

不...甚至不是真的。 –

我可以用CSS mixins来做到这一点。例如覆盖每一个纸按键布局,添加以下CSS到主HTML文件:

:host { 
    --paper-button: { 
     padding: 3px; 
     font-size: 12px; 
    } 
} 

根据https://elements.polymer-project.org/elements/paper-button,这被注入到每个纸按钮CSS的结束。