GWT Uibinder画像は表示されますがサイズは変更されません

Question

この画像は表示されていますが、私が使用する幅や高さの値に関係なくサイズを変更できません。どんなthougt？ありがとうございました。

<ui:with field='res' type='com.hellomvp.client.resources.MyResources'/> 

    <ui:style> 
     .fortaImage { width:'50px'; height:'50px';} 
    </ui:style> 

    <g:DockLayoutPanel unit='EM'> 
     <g:north size="10"> 
      <g:FlowPanel> 
      <g:Image styleName='{style.fortaImage}' resource='{res.fortaLogo}'/> 
      <g:InlineLabel>FortaService</g:InlineLabel> 
      <g:ListBox></g:ListBox> 
      <g:InlineLabel>DateIn</g:InlineLabel> 
      <d:DateBox></d:DateBox> 
      <g:InlineLabel>DateOut</g:InlineLabel> 
      <d:DateBox></d:DateBox> 
      <g:Button>Cerca</g:Button> 

      </g:FlowPanel> 
     </g:north> 



    </g:DockLayoutPanel> 

Answer 1

あなたが<g:Image resource="..."/>を使用し、GWTは、背景画像を使用しています。 CSS 2.1では、背景画像のサイズを変更することはできません。 （私は本当にそれが可能でしたね！）

あなたが行うことができるのは、サーバー上に50x50pxバージョンのイメージを持つか、代わりに<g:Image url="..."/>を使用することです。これにより、バックグラウンドイメージの代わりに通常の<img src="..."/>が作成されますが、ここでClientBundleリソースを指定することはできません。

Answer 2

addStyleNames="{style.fortaImage}" 

ない

styleName='{style.fortaImage}'