Jquery Sencha Touch：在面板初始化时更改itemTpl内元素的字体大小

这是我的第一个问题：
我在一个名为“主”的面板中有一个列表，当您单击该列表中的列表项时，“主”面板将隐藏，并将创建一个新面板。

Ext.getCmp（'main'）.hide（）
Ext.Viewport.setActiveItem（Ext.create（'Applikasjon.view.bedriftSelected'）
新面板（bedriftSelected）将在新面板中以dataview的形式显示数据。这个很好用

xtype: 'dataview',
store: 'tempStore',
id: 'dataviewBedriftSelected',
scrollable: true,
itemTpl:'<div id="selectedBedrift">\
          <div class="selectedBedriftLogo">\
           <img src="http://someurl.com/{logo}" />\
        <div class="selectedBedriftHeader">\
           <h1 class="bedriftFont">{bedrift}</h1>\
           <a href="#">Link til egen webside</a>\
                </div>\
         </div>'

xtype:'dataview'，
商店：“临时商店”，
id:“dataviewBedriftSelected”，
可滚动：对，
itemTpl:'\
\
\
\
{bedrift}\
\
\
'

但是，我想向该视图添加一个侦听器，该侦听器将获取此itemTpl中h1.bedriftFont元素的外径，并将其与其父div的外径进行比较，并调整h1.bedriftFont的大小，直到它整齐地位于div内

xtype: 'dataview',
            store: 'tempStore',
            id: 'dataviewBedriftSelected',
            scrollable: true,
            itemTpl:    '<div id="selectedBedrift">\
                            <div class="selectedBedriftLogo">\
                                <img src="http://someurl.com/{logo}" />\
                                <div class="selectedBedriftHeader">\
                                    <h1 class="bedriftFont">{bedrift}</h1>\

                            </div>\
                        </div>',
            listeners: {
                initialize: function(){
                    while ($('.bedriftFont').outerWidth() > ($('.contact2').outerWidth() - 55 )) {
                        var currentFontSize = $('.bedriftFont').css("font-size");
                        $('.bedriftFont').css("font-size", (parseFloat(currentFontSize) - 1) + "px");
                    }
                }

            }

xtype:'dataview'，
商店：“临时商店”，
id:“dataviewBedriftSelected”，
可滚动：对，
itemTpl:'\
\
\
\
{bedrift}\
\
',
听众：{
初始化：函数（）{
而（$（'.bedriftFont'）.outerWidth（）>（$（'.contact2'）.outerWidth（）-55））{
var currentFontSize=$（'.bedriftFont'）.css（“字体大小”）；
$（'.bedriftFont'）.css（“字体大小”，（parseFloat（currentFontSize）-1）+“px”）；
}
}
}

---

我知道我给出的代码不正确，但有人能告诉我正确的方向吗？我尝试了很多方法来访问itemTpl中的元素，包括委托等等，但到目前为止没有成功

这个可能对你有帮助

CSS3有一些新的值用于相对于当前视口大小调整大小：vw、vh和vmin

1vw=视口宽度的1%

1vh=视口高度的1%

1vmin=1vw或1vh，以较小者为准

1vmax=1vw或1vh，以较大者为准

h1 {
  font-size: 5.9vw;
}
h2 {
  font-size: 3.0vh;
}
p {
  font-size: 2vmin;
}

请亲自查看（请参见浏览器支持）