0

背景画像の URL の高さと幅のスタイルを設定する方法

sencha-touch を使用しており、mobileApp を構築しています。画像付きのビューがあります - Xtype

    var profilePicture = {
        xtype : 'image',
        style : 'margin-top:10px;',
        id : 'profilePhoto',
        src : 'resources/images/profile.png',
        height : '104px',
        width : '84px'
    };

この画像をパネルに追加し、サーバーから取得した json の値を使用してコントローラーに画像の src を動的に設定しました。

src = localStorage.httpServerPrefix + profile.imageURI; // 画像の URL を取得 Ext.getCmp("profilePicture").setSrc(src.);

ブラウザで見ると、

<div class="x-img" id="profilePhoto" style="margin-top: 10px; height: 104px !important; width: 84px !important; background-image: url(http://127.0.0.1:8080/Milna/user/mphoto/1?version=7); "></div>

div の高さと幅は 104px と 84px に設定されています。私の画像のサイズは 1600px × 1200px であるため、上記の div には収まりません。背景画像の URL のスタイルを設定することはできますか??? URL からの画像のスタイルを設定するにはどうすればよいですか?

4

2 に答える 2

1

このRefactored scopeを見てください。この記事では、スタイリング機能について説明しました。

スタイリングの一貫性が高まり、さらに重要なことに、モバイル アプリ全体のスタイルを数日ではなく数分で変更すると、見栄えがよくなります。

スタイル: '背景: resources/images/profile.png; 幅: 45%',

于 2012-10-19T11:50:20.243 に答える
1

CSS3 を使用 -

div{ background-size: cover; }

Web アプリで大きな画像を使用しているため。アダプティブ イメージについて読む必要があります

于 2012-10-19T11:37:38.107 に答える