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;
}
~~~