在做Extjs项目的时候,发现IE运行很正常,而在火狐下字体感觉偏小了一点。后来查找到原因,是因为在ext-all.css里面,根据浏览器的不同,有些定义字体大小为11px,有些又为12px。为了达到同一性,解决的方法很简单,在ext/resources/css/目录下建立一个ext- patch.css文件,内容如下:
------------------------------------------------------------------------------------------------------------------------------------
.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-toolbar .x-small-editor {
font-size: 12px;
}
.x-toolbar .ytb-text{
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;
}
.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;
}
------------------------------------------------------------------------------------------------------------------------------------
然后在页面上引入ext-all.css的同时也引入ext-patch.css即可
分享到:
相关推荐
EXTJS 样式 extjs字体大小 可以轻松在这个CSS文件里面调整EXTJS插件的字体大小,对这个有需求的同志们有福了!
包含各种类型的extjs小图标,Extjs4小图标
extjs属性方法集中方便你查看学习,赶快来下载吧!学习extjs
ExtJS改变默认字体大小的几种方式 1、 只需把ext-all.css样式文件中的所有11px换成12px,这样就为统一的12px的字体了。 但是如果再想增大,那么这时候不光是把源文件的11px换成15px,而且需要把里面和font有关的12px...
extjs 进度条的显示
extjs改变字体大小和换肤
项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议
就是extjs4里面,想给grid里面一格中,文字后面加个小图标。 因为俺们项目就只是文字+图标,所以俺就没有复写Actioncolumn,而是从Column下面继承了一下。。 包含自定义插件源码、效果图等等。
Extjs 4.2分组小计
myeclipse中使用extjs,缓慢、卡死、白屏,解决方法总结。
用extjs技术显示表格的信息,不过首先要导入extjs所需的库文件
Selenium识别Extjs控件的解决方法整理.pdf
extjs php 在js文件中显示登陆用户的方法
extjs easyui小图标
Extjs4.1 小例子(适合extjs初学者学习使用).直接导入myeclipse即可
Extjs+Gride使用方法 Extjs Gride
extjs常见问题http://www.jb51.net/list/list_217_1.htm
extjs小图标(项目小图标大全)
对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法(实例) 》:http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用