如何在 Zebble for Xamarin 中的 CSS 中获取屏幕尺寸的宽度？

【问题标题】：How can I get the width of screen size in CSS in Zebble for Xamarin?如何在 Zebble for Xamarin 中的 CSS 中获取屏幕尺寸的宽度？
【发布时间】：2017-10-09 04:09:26
【问题描述】：

我创建了一个堆栈，我想将它显示在屏幕的中心，所以我想根据设备屏幕设置堆栈的顶部和左侧边距。

我尝试了这段代码，但它在设备上运行不佳。

<Stack CssClass="MyTestStack">

</Stack>

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

【问题讨论】：

标签： .net xamarin xamarin.android xamarin-zebble zebble

【解决方案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 项目的贡献者并从事技术支持。

【讨论】：