zoukankan      html  css  js  c++  java
  • 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;}
  • 相关阅读:
    SAP MM 事务代码MI31之思考
    SAP MM 预留单据里的Base date和Requirement date
    SAP中的BOPF(Business Object Processing Framework)
    四大机器学习编程语言对比:R、Python、MATLAB、Octave
    「压缩」会是机器学习的下一个杀手级应用吗?
    机器翻译论文
    机器翻译汇总
    SAP freelancer夫妻并不难!你也可以!
    自然语言处理(nlp)比计算机视觉(cv)发展缓慢,而且更难!
    2019-9-2-win10-uwp-布局
  • 原文地址:https://www.cnblogs.com/m199/p/3364173.html
Copyright © 2011-2022 走看看