zoukankan      html  css  js  c++  java
  • 改变ExtJs默认的字体大小|解决EXTJS在firefox里字体显示偏小

    由于在不同浏览器中,或者不同版本的同款浏览器中显示的Extjs字体大小不一样。而且看起来比较小。不顺眼。
    在网上查之,获得一条有用信息:Extjs 在很多情况下使用 11px 字体,11px 大小是一种边缘字体,不同的浏览器对 11px
    的渲染各不相同,IE 的渲染和12px 相似,而在 Firefox 中,则和 10px相似,导致字体在FF
    中过小的问题。
    为了能够彻底的解决字体大小问题,直接打开ext-all.css,查找所有的11px并替换为12px。问题解决了。
     
     
    ==================
    解决EXTJS在firefox里字体显示偏小
    解决方法是:在EXTJS的样式目录下再建一个新的样式文件名为:ext-patch.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;
    }

    附件列表

    • 相关阅读:
      如何解决使用webpack打包之后,font-awsome路径不对的问题,终极解决方法
      vue-route+webpack部署单页路由项目,访问刷新出现404问题
      vue2.0打包webpack出错
      Coding Pages jekyll 404无法找到静态文件(css,js )
      git常用命令及分支简介
      【git常见问题】fatal: Not a valid object name: 'master'.
      jekyll下载了模版运行出现问题cannot load such file -- jekyll-paginate (LoadError)
      Jekyll解决Deprecation: but you haven't included the `jekyll-paginate` gem
      06四则运算3
      09NABCD需求分析
    • 原文地址:https://www.cnblogs.com/holyes/p/087f18246b2c089b88e666d801423371.html
    Copyright © 2011-2022 走看看