如何獲得Xamarin Zebble CSS中屏幕大小的寬度？

Question

我創建了一個堆棧，我想將它顯示在屏幕的中心，所以我想根據設備屏幕設置堆棧的頁邊距和左邊距。

我嘗試了這段代碼，但它並沒有很好的在設備上工作。

<Stack CssClass="MyTestStack"> 

</Stack> 

.MyTestStack 
{ 
    background: #039795; 
    width: 90%; 
    height: 90%; 
    margin-top: 10%; //Exception 
    margin-left: 10%; //Exception 
} 

Answer 1

要獲得寬度或CSS，你可以使用CSS的角色動態C＃表達屏幕的高度和有關它的更多信息，你可以看到下面的鏈接。另外，我爲你的問題寫了一個示例CSS角色。

http://zebble.net/docs/dynamic-expressions-in-css

，代碼：

.MyTestStack 
{ 
    background: #039795; 
    width: calc("(Zebble.Device.Screen.Height - 50)"); 
    height: calc("(Zebble.Device.Screen.Width - 70)"); 
    margin: 10px 10px 10px 10px; 
} 

免責聲明：我是一個Zebble項目貢獻者，從事技術支持。