Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Sencha touch相当于iOS UIViewContentModeScaleSpectFit_Html_Extjs_Sencha Touch - Fatal编程技术网

Html Sencha touch相当于iOS UIViewContentModeScaleSpectFit

Html Sencha touch相当于iOS UIViewContentModeScaleSpectFit,html,extjs,sencha-touch,Html,Extjs,Sencha Touch,我正在寻找与iOS UIViewContentModeScaleAspectFit相当的Sencha Touch。就这么简单 我有一个图像组件,我想适合它的宽度和高度,以它的容器,并保持纵横比,同时这样做 通过适应它的容器,我的意思是尽可能地最大化它,而不让它在任何地方被切断,图像的所有部分都应该在屏幕上保持可见 如何做到这一点?您必须使用CSS…查看背景大小“包含”和“封面”设置。您可以定义一个类,然后将其应用于组件 :-)谢谢,你能给我一个小小的“内联”代码片段,说明如何使用CSS实现这一点

我正在寻找与iOS UIViewContentModeScaleAspectFit相当的Sencha Touch。就这么简单

我有一个图像组件,我想适合它的宽度和高度,以它的容器,并保持纵横比,同时这样做

通过适应它的容器,我的意思是尽可能地最大化它,而不让它在任何地方被切断,图像的所有部分都应该在屏幕上保持可见


如何做到这一点?

您必须使用CSS…查看背景大小“包含”和“封面”设置。您可以定义一个类,然后将其应用于组件


:-)

谢谢,你能给我一个小小的“内联”代码片段,说明如何使用CSS实现这一点吗?假设我有一个
Ext.Panel
组件,其中包含一个
{xtype:'image'}
组件…我最终得到了以下Ext-image组件:
{xtype:'image',style:'div'+'{'+'背景重复:无重复;'+'背景大小:包含;'+'}