Question

如何设置背景图像网址的高度和宽度

我正在使用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; //我得到了图片网址 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 ??? 我该怎样处理来自网址的图像的样式？

Answer 1

使用CSS3 -

div{ background-size: cover; }

当您在网络应用中使用大图片时。你应该阅读Adaptive Images

Answer 2

看看这个Refactored scope。在本文中，我们已经解释了样式函数。

你的造型会更加一致，更重要的是，当你在几分钟而不是几天内重新整理整个移动应用程序时，它会让你看起来很完美。

样式：'background：resources / images / profile.png;宽度：45％'，

造型背景图像URL

2 个答案: