SAPUI5中的布局和字段大小

Question

我需要创建一个包含大量元素（表格，输入，表单等）的布局。
我想确保每个元素都在Mobile上调整大小。

var oLayout = new sap.ui.layout.Grid({ 
width : "100%", 
content : [ 
    new sap.m.Input({ 
     value : "Text", 
     editable : true, 
     layoutData : new sap.ui.layout.GridData({ 
      span : "L4 M8 S12", 
      linebreak : true 
     }) 
    }), 
    new sap.m.Button({ 
     text : "Click" 
    }) 
]}) 
oLayout.placeAt("content"); 

我希望输入字段跨越大屏幕上的4个部分和8个中间和12个小。不幸的是，这些似乎并不奏效。 即使换行似乎也不起作用。
我甚至尝试使用垂直布局来克服换行，但各种形状因子的跨度控制不起作用。 以下是相同的JSBIN。
我似乎不了解布局原则。

Answer 1

这是通过将宽度分配给父控件来解决的。
已更正JSBIN