firefox 中文字体太小的解决方案
解决办法其实很简单,就是将所有的默认字体改为13px.使用方法:
在引用ext的css后面再加上引用 ext-patch.css 即可.
(当然你也可以把它加在引用ext的css文件最后.)
ext-patch.css
1. /* --------------- 修改 Ext CSS -------------- */
2. /* Ext 2.0 */
3. .x-window-footer {
4. position: relative;
5. top: 0;
6. right: 0;
7. }
8. .x-tab-strip SPAN.x-tab-strip-text {
9. font-size: 13px;
10. }
11. .x-panel-header {
12. font-size: 13px;
13. }
14. .x-tree-node {
15. font-size: 13px;
16. }
17. .x-grid3-hd-row TD {
18. font-size: 13px;
19. }
20. .x-grid3-row TD {
21. font-size: 13px;
22. LINE-HEIGHT: 18px;
23. }
24. .x-tip .x-tip-bd {
25. font-size: 13px;
26. }
27. .x-tip h3{
28. font-size: 13px;
29. }
30. .x-tip .x-tip-bd-inner{
31. font-size:13px;
32. }
33. .x-panel-tl .x-panel-header {
34. FONT: normal 13px tahoma,arial,verdana,sans-serif;
35. }
36. .x-form-field {
37. FONT: 13px tahoma,arial,helvetica,sans-serif
38. }
39. .x-small-editor .x-form-field {
40. FONT: 13px tahoma,arial,helvetica,sans-serif
41. }
42. .x-combo-list-item {
43. FONT: 13px tahoma,arial,helvetica,sans-serif;
44. }
45. .x-menu-list-item {
46. FONT: 13px tahoma,arial,sans-serif;
47. }
48. .x-window-tl .x-window-header {
49. FONT: bold 13px tahoma,arial,verdana,sans-serif;
50. }
51. .x-layout-split-west .x-layout-mini {
52. BACKGROUND-IMAGE: url(../images/mini-left.jpg);
53. }
54. .ext-ie .x-form-text {
55. margin-top:1px;
56. } /* the textField missing bottom line */
57. .x-form-item {
58. FONT: 13px tahoma,arial,helvetica,sans-serif
59. }
60. .x-grid-group-hd DIV {
61. FONT: bold 13px tahoma,arial,helvetica,sans-serif;
62. }
63.
64. /*按钮字体大小 Add by extjs.org.cn */
65. .x-btn-text{
66. font: 12px tahoma,arial,sans-serif;
67. }
68.
69. /* END */
分享到:
相关推荐
例如,IE倾向于将11px渲染得接近12px,而Firefox则可能将其渲染得类似10px,导致在Firefox中字体显得较小。为了解决这个问题,可以在`ext-all.css`中全局搜索并替换所有11px为12px。这通常可以解决大部分浏览器的...
EXTJS 样式 extjs字体大小 可以轻松在这个CSS文件里面调整EXTJS插件的字体大小,对这个有需求的同志们有福了!
在本文中,我们将深入探讨一个特定的场景:如何解决在Firefox中使用ExtJS框架时,关闭并重新打开包含iframe的窗口后,js函数无法访问的问题。这个问题在其他浏览器如IE和Chrome中并未出现,但对Firefox用户来说是个...
项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议
因此,统一将所有11px替换为12px可以改善在Firefox中的显示效果,解决字体大小不一致的问题。 3. 版本特定的解决方案: 对于ExtJS 3.2.1版本,更改字体大小可能需要更细致的操作。虽然简单地在CSS中添加`.x-btn-...
ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...
在标题和描述中提到的“Extjs4小图标”指的是ExtJS 4版本中使用的一系列图形图标,这些图标用于增强应用程序的视觉效果,提供用户友好的操作指示。 1. **图标分类**: - 图标通常分为不同的类别,如操作图标(比如...
### ExtJS中文解决方案与Eclipse下的JS和EXT开发 #### 一、ExtJS中文解决方案 在使用ExtJS进行Web应用程序开发时,对于中文环境的支持是非常重要的。为了实现ExtJS中文化,我们需要按照以下步骤来进行配置。 1. *...
在实际开发中,开发者可能会遇到的问题,如性能优化、调试技巧、错误处理等,这些文档都提供了相应的解决方案。同时,通过查阅API,开发者可以了解到如何自定义组件,扩展内置类,以适应项目特定的需求。 总之,...
在"ExtJs3.3中文API.CHM"中,开发者可以找到关于ExtJS 3.3的所有API和类的详细描述,以及相关的示例代码。 ExtJS 3.3的核心特性包括: 1. **组件化**:ExtJS基于组件模型,提供了一系列预定义的UI组件,如按钮、...
本文将深入探讨如何在Struts2.0.x框架下利用ExtJs库来实现动态树的解决方案。 首先,我们需要了解ExtJs。ExtJs是一个强大的JavaScript库,提供了丰富的组件和布局,用于构建富客户端应用程序。它提供了树形控件...
然而,由于浏览器之间的差异,有时可能会遇到在特定浏览器下显示问题,例如在火狐(Firefox)下文字显示的CSS问题。本篇将深入探讨ExtJS在火狐下文字显示的CSS调整及其解决方案。 在ExtJS中,文字显示问题通常与...
标题“解决extjs API文档不断Loading”涉及到的问题是ExtJS框架在使用其API文档时可能出现的一个常见问题,即文档页面加载无休止,无法正常显示内容。这可能是由于多种原因引起的,包括网络连接问题、浏览器兼容性...
在 ExtJS 应用程序中,改变全局字体大小通常涉及到调整 CSS 样式。你可以通过以下几种方式实现: 1. **自定义样式表**:创建一个自定义的 CSS 文件,覆盖 ExtJS 默认样式。例如,你可以设置 `.x-container`(ExtJS ...
在你提到的"extjs icon小图标"资源中,包含了一万个小图标,这为开发者提供了大量的选择,以满足不同设计需求。这些图标可能涵盖了各种类别,如操作状态(如成功、警告、错误)、导航方向、编辑操作(如新建、删除、...
综上所述,"extjs小图标大全小图标"这个资源为ExtJS开发者提供了一站式的图标解决方案,使他们能够在项目中轻松集成和使用各种图标,提升应用的视觉效果和用户体验。通过合理使用和适配,这些图标可以成为构建高质量...
在“extjs easyui小图标”这个主题中,我们可以学习以下几个关键知识点: 1. **图标集成**:在ExtJS和EasyUI中,图标通常是通过CSS样式来实现的。每个框架会提供一个图标字体或SVG资源文件,开发者可以在HTML元素中...
- 浏览器:推荐使用Firefox,因为它配合Firebug能提供强大的JavaScript调试功能。对于跨浏览器兼容性测试,IE仍然是不可忽视的一部分。 - Firebug: 作为Firefox的插件,提供源代码查看、断点调试、性能分析等功能。 ...
使用filter来做后台,Ext.Ajax.on('requestcomplete', checkUserSessionStatus, this);用requestcomplete这个方法来异步判断session是否已经失效了