ExtJS在FireFox汉字显示较小的解决方法

ExtJS布局在firefox浏览器中汉字显示为较小,原因是ExtJS的ext-all.css中font-size的单位为em,firefox对汉字大小的解析与其他浏览器不一致。

解决方法如下(转载):

在导入ext-all.css后,再添加ext-patch.css。

.x-window-footer {
    position: relative;
    top: 0;
    right: 0;
}
.x-tab-strip SPAN.x-tab-strip-text {
    font-size: 12px;
}
.x-panel-header {
    font-size: 12px;
}
.x-tree-node {
    font-size: 12px;
}
.x-grid3-hd-row TD {
    font-size: 12px;
}
.x-grid3-row TD {
    font-size: 12px;
    LINE-HEIGHT: 16px;
}
.x-orange-class {
    background: #ffb11c;
}

.x-yellow-class {
    background: #ff0;
}
.x-tip .x-tip-bd {
    font-size: 12px;
}
.x-tip h3{
    font-size: 12px;
}
.x-tip .x-tip-bd-inner{
    font-size:12px;
}
.x-panel-tl .x-panel-header {
    FONT: normal 12px tahoma,arial,verdana,sans-serif;
}
.x-form-field {
    FONT: 12px tahoma,arial,helvetica,sans-serif    
}
.x-small-editor .x-form-field {
    FONT: 12px tahoma,arial,helvetica,sans-serif    
}
.x-combo-list-item {
    FONT: 12px tahoma,arial,helvetica,sans-serif;    
}    
.x-menu-list-item {
    FONT: 12px tahoma,arial,sans-serif;
}
.x-window-tl .x-window-header {
    FONT: bold 12px tahoma,arial,verdana,sans-serif;    
}
.x-layout-split-west .x-layout-mini {    
    BACKGROUND-IMAGE: url(../images/mini-left.jpg);    
}
.ext-ie .x-form-text {
    margin-top:1px;
} /* the textField missing bottom line */
.x-form-item {    
    FONT: 12px tahoma,arial,helvetica,sans-serif
}
.x-grid-group-hd DIV {    
    FONT: bold 12px tahoma,arial,helvetica,sans-serif;
}

.x-btn-text-icon .x-btn-center .x-btn-text {
background-position:0pt 1px;
background-repeat:no-repeat;
padding:0px 0pt 0px 18px;
}
.ext-gecko .x-btn button {
padding-left:0pt;
padding-right:0pt;
}
.x-btn button{
    font-size:12px;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, 
.x-toolbar div, .x-toolbar select, .x-toolbar label {
    font-size:12px;
}
.x-fieldset legend {
    font-size:12px;
}
.x-tip .x-tip-body {
    font-size:12px;
}
.controlBtn img {
            
    cursor: pointer;
            
}
.x-grid3-summary-row{border-left:1px solid #fff;border-right:1px solid #fff;color:#333;background: #f1f2f4;}
.x-grid3-summary-row .x-grid3-cell-inner{font-weight:bold;padding-bottom:4px;font-size:12px;}
.x-grid3-cell-first .x-grid3-cell-inner{padding-left:16px;}
.x-grid-hide-summary .x-grid3-summary-row{display:none;}
.x-grid3-summary-msg{padding:4px 16px;font-weight:bold;}
.negative{color:#dd0000;}
.positive{color:green;}
.x-grid3-body .x-grid3-td-cost{background-color:#f1f2f4;}
.x-grid3-summary-row .x-grid3-td-cost{background-color:#e1e2e4;}
.x-grid3-dirty-cell{background-image:none;}
原文地址:https://www.cnblogs.com/m199/p/3364173.html