比较 Extjs 的清爽主题和经典主题，除了样式之外，UI 的大小/比例也存在差异。 Crisp 主题看起来比经典主题放大了 110%。
是否可以将清晰主题的大小缩小到经典主题的大小？ 我意识到样式带来了填充、边框和图像大小，这些将为每个主题下的组件设置。 但我仍然想知道是否可以缩小尺寸？
提前致谢
最佳答案
是的，字体尺寸更大(清晰版为 13 像素，经典版为 12 像素)，而且每个字体都使用不同的字体方案，这也会增加一些差异。
对于缩小字体大小的问题，答案当然是肯定的，这是可能的。您可能会走一条糟糕的路，创建一堆 CSS 规则来覆盖清晰的内容，但这肯定会起作用。
但是，更好的选择是完全创建您自己的主题。您可以创建一个清晰扩展的主题，然后简单地调整您想要不同的各个区域(字体大小、不同组件上的填充等)。如果您这样做，请记住，清晰的主题扩展了海王星主题，而经典主题仅扩展了中性(海王星也扩展了)。我这样说是因为如果你看看实际的清晰主题，你会发现它在你想要调整的东西(填充、边距等)方面非常简单。这是因为其中大多数都源自海王星主题，因此您可能会帮助自己熟悉这两个主题，以便最有效地实现您想要的结果。
如果您之前没有做过自定义 Ext JS 主题，请务必查看此处的指南:http://docs.sencha.com/extjs/5.0/core_concepts/theming.html 。本指南还有一个很好的图表，说明了默认主题包的主题继承，因此也请务必查看一下。
希望有帮助!
关于extjs - 如何缩小 ExtJS 清晰主题中的 UI 大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26993744/