2

画像を base64 画像に変換しました。この画像の元のサイズはheight: 200とwidth: 150です。height: 133この画像サイズをとに変換する必要がありwidth: 100ます。私はsencha ioの画像サイズ変更のコンセプトを経験しました。変換されていません。また、sencha io を URL に適用すると、画像が表示されません。sencha touch2 スタイルで変換された base64 イメージのサイズをカスタマイズする方法を教えてください。

これが私のコードです：この下のコードではheight: 133px; width: 100px;割り当てられていますが、このために画像の一部が来ています。元の画像サイズはheight: 200px; width: 150px;. これを次のようにカスタマイズする必要がありますheight: 133px; width: 100px;

 .aboutclsT{
     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAADICAYAAAAKhRhlAAAAGXRFWHRTb2Z0d2Fy......K5CYII') !important;
     background-repeat: no-repeat;
     height: 133px;
     width: 100px;
 }

SenchaIO 画像コード:

background: url('http://src.sencha.io/100/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAADICAYAAAAKhRhlAAAAGXRFWHRTb2Z0d2Fy......K5CYII') !important;
     background-repeat: no-repeat;
     height: 133px;
     width: 100px;
 }
4

1 に答える 1

5

この問題を修正しました。正常に動作していることを追加しましbackground-size: 100px 133px;た。必要な高さと幅を割り当てることができます。

※コードはこちら。*

.aboutclsT{
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAADICAYAAAAKhRhlAAAAGXRFWHRTb2Z0d2Fy......K5CYII'') !important;
     background-repeat: no-repeat;
     **background-size:100px 133px;**
     height: 133px;
     width: 100px;
 }
于 2012-07-26T11:07:44.143 に答える