解决办法其实很简单,就是将所有的默认字体 改为13px.使用方法:
在引用 ext 的css后面再加上引用 ext -patch.css 即可.
(当然你也可以把它加在引用ext 的css文件最后.)
ext -patch.css
(可以直接下载附件ext -patch.zip)
/* --------------- 修改 Ext CSS -------------- */ /* Ext 2.0 */ .x-window-footer { position: relative; top: 0; right: 0; } .x-tab-strip SPAN.x-tab-strip-text { font-size: 13px; } .x-panel-header { font-size: 13px; } .x-tree-node { font-size: 13px; } .x-grid3-hd-row TD { font-size: 13px; } .x-grid3-row TD { font-size: 13px; LINE-HEIGHT: 18px; } .x-tip .x-tip-bd { font-size: 13px; } .x-tip h3{ font-size: 13px; } .x-tip .x-tip-bd-inner{ font-size:13px; } .x-panel-tl .x-panel-header { FONT: normal 13px tahoma,arial,verdana,sans-serif; } .x-form-field { FONT: 13px tahoma,arial,helvetica,sans-serif } .x-small-editor .x-form-field { FONT: 13px tahoma,arial,helvetica,sans-serif } .x-combo-list-item { FONT: 13px tahoma,arial,helvetica,sans-serif; } .x-menu-list-item { FONT: 13px tahoma,arial,sans-serif; } .x-window-tl .x-window-header { FONT: bold 13px 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: 13px tahoma,arial,helvetica,sans-serif } .x-grid-group-hd DIV { FONT: bold 13px tahoma,arial,helvetica,sans-serif; } /*按钮字体 大小 Add by extjs.org.cn */ .x-btn-text{ font: 12px tahoma,arial,sans-serif; }