2012-10-02 36 views
0

我目前正在研究ST2供电的web应用程序,并在整个应用程序中遇到奇怪的字体大小一致性问题。最初我以为这可能是由于我在自定义SASS文件中设置的字体大小属性,但是当我从我的SASS文件中去除所有“字体大小”属性时,我仍然看到字体渲染不一致。字体大小波动和不一致

我们从多个“根”视图推送视图,但没有字体大小的属性集,我期望所有字体都呈现相同的大小。我错过了什么吗?请注意我不是在谈论跨多个设备的字体大小......这是应用程序本身的字体大小。

查看附加的图像和到达每个视图所采用的路径。他们是完全相同的视图,具有相同的组件 - 唯一的区别是用户到达那里的路径。请记住,我已经删除了所有的自定义字体属性,所以它现在完全引用了Sencha的样式(已经在Chrome,iOS模拟器和本地运行的iPhone上测试过)。

用户路径:仪表板视图(根视图)>团队简介

enter image description here

用户路径:仪表板视图(根视图)>程序视图(根视图)>团队简介

enter image description here

通知第二个“球队简介”视图如何具有较大的字体大小?没有字体的整个应用程序设置,我希望它是相同的,无论你如何到达视图。有人可以向我解释可能发生的事情吗?

在此先感谢!

+0

您是否曾尝试在Chrome浏览器中运行它并使用开发工具来检查元素?你应该能够追查到流氓CSS属性以及它是否是你的应用程序创建的 –

+0

是的,我已经搜寻了DOM,试图找出可能导致问题的原因。我自己设置了零个字体属性值,核心Sencha文件中只有少数字体属性值。在这一点上,我几乎可以肯定,这与Sencha架构本身的观点推进方式有关。 – Bingles

+0

我有同样的问题。只有我的第一个视图更大,第二个视图更小,后续视图更大。 – Kevin

回答

1

我发现我的问题是不包括styleHtmlContent: true在视图的配置与较大的字体。如果您没有在视图中设置该选项,请添加它并查看它是否有所不同。