我可以缩小 DevExtreme Web 应用程序中的小部件吗？答案

【问题标题】：Can I scale down the widgets in DevExtreme web application?我可以缩小 DevExtreme Web 应用程序中的小部件吗？
【发布时间】：2015-01-16 15:17:14
【问题描述】：

在 DevExtreme Web 应用程序中，所有编辑器小部件都相对太大（例如 dxCheckbox）。

我可以缩小小部件吗？

【问题讨论】：

【解决方案1】：

现在你所能做的就是使用 css 来缩小小部件的大小。

这个小提琴展示了如何为复选框http://jsfiddle.net/tabalinas/uhamqm9k/做这件事

使用以下样式

.dx-widget {
    font-size: 12px;    
}

.dx-checkbox-icon {
    width: 12px;
    height: 12px;
}

但我听说了 webapps 紧凑主题的计划。

【讨论】：

好的，我希望紧凑的主题很快就会出现......谢谢！
您也可以尝试关注 css .dx-widget { transform: scale(.8); }。这里的比例值取决于你的情况。
我必须在 IE9 上完成这项工作，所以我发现需要 -ms- 前缀：.dx-widget { -ms-transform: scale(.8); }。它适用于复选框。以后我会用更复杂的ui来测试一下……谢谢帮助！