extjs - 我们可以在sencha touch中将转换后的base64图像调整为自定义大小吗

Question

我已将图像转换为 base64 图像，此图像原始大小height: 200为width: 150. 我需要将此图像大小转换为height: 133and 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;
 }

Answer 1

我已经解决了这个问题。我已经添加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;
 }