商务合作:179001057@qq.com

ExtJs在firefox 中文字体太小的解决方案

xiaoxiao2022-06-24  2


某平台价值19860元的编程课程资料免费领取【点我领取】


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 */  

最新回复(0)