ExtJS中,在FireFox浏览器中字体很小,解决方法

最后更新于:2022-04-01 12:00:59

ff-firefox中ext的中文文字会小一些,看上去很模糊。这个是由字体大小决定的。font-size: 11px;英文显示没有问题,在IE中也是可以的。但是中文就不能正常显示。所以将font-size: 12px;即可,但是要针对样式;下面是修改后的字体样式。导入即可! ~~~ @CHARSET "UTF-8"; .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; } .ext-ie .x-form-text { margin-top: 1px; } .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 2px; background-repeat: no-repeat; padding: 3px 0pt 2px 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-tip .x-tip-body { font-size: 12px; } ~~~
';