zoukankan      html  css  js  c++  java
  • extjs中文字体在firefox和Adobe Air里显示偏小的问题

    解决方法是再创建一个名为ext-patch.css的css文件,
    内容如下:

    /* --------------- ޸ Ext CSS -------------- */
    /* Ext 2.0 */
    .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-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 
    {ext-all.css (line 227)
    background-position
    :0pt 2px;
    background-repeat
    :no-repeat;
    padding
    :3px 0pt 2px 18px;
    }
    .ext-gecko .x-btn button 
    {ext-all.css (line 222)
    padding-left
    :0pt;
    padding-right
    :0pt;
    }
    .x-btn button
    {
        font-size
    :12px;
    }

    /* END */

    把这个css文件引入到页面中即可。

  • 相关阅读:
    总结在Visual Studio Code创建Node.js+Express+handlebars项目
    【转】nodeJs学习之项目结构
    jquery新版本旧版本之间的坑
    bootstrap使用中遇到的坑
    dataTables基础函数变量
    tabales1.10版参数详解
    【转】自定义(滑动条)input[type="range"]样式
    dataTables工作总结
    转载---SpringBoot+Maven多模块项目(创建、依赖、打包可执行jar包部署测试)完整流程
    MVC模式下的跨域问题
  • 原文地址:https://www.cnblogs.com/meetrice/p/1526417.html
Copyright © 2011-2022 走看看