Ag Grid CSS类属性在不同机器上有所不同

Question

我的角度项目使用的是ag网格社区版本。 ag-grid标签如下：

<ag-grid-angular class="ag-theme-balham" [rowData]="dataList" 
[gridOptions]="optionList"></ag-grid-angular>

其中一个列标题有点长（“ Instrument Subtypes”）。因此，省略号显示在部分列标题（Instruments ...）之后。但是在我的开发服务器上，列标题没有显示任何内容，因为包含标题文本的div会转到下一行。当我比较chrome dev工具中应用于div的CSS类时，我观察到了类属性之间的差异。

在我的机器上-

.ag-theme-balham .ag-header-cell-label {
    display: flex;
    height: 100%;
    width: calc(100% - 16px);
}

在开发服务器上-

.ag-theme-balham .ag-header-cell-label {
    display: flex;
    height: 100%
}

由于开发服务器上缺少第三个属性，因此div将转到下一行。但是为什么会发生这种情况，就像我在此处部署的相同代码一样。