我使用300 x 400像素的sencha touch创建了一个面板。我有一个相同尺寸的图像,使用photoshop创建。我使用css作为面板的背景使用了图像:
#pnl {
background: url(img/bg.png);
no-repeat;
}
问题是图像太大而且只显示了大约一半。我添加了max-width: 100%
但结果是一样的。
我做错了什么?有没有办法让任何尺寸的任何图像适合面板?
感谢。
答案 0 :(得分:0)
试试这个:
JS:
App.somePanel= new Ext.Panel({
cls: 'somePanel',
html: '<h1>Welcome to my app!</h1>',
//some other properties
});
CSS:
.somePanel {
background-image: url(http://somesite.com/someimage.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}