Wie kann ich die Breite der Bildschirmgröße in CSS in Zebble für Xamarin erhalten?

Question

Ich erstelle einen Stapel, und ich möchte es in der Mitte des Bildschirms zeigen, also möchte ich den Rand oben und links des Stapels abhängig vom Gerät Bildschirm einstellen.

Ich versuche diesen Code, aber es funktioniert nicht auf den Geräten sehr gut.

<Stack CssClass="MyTestStack"> 

</Stack> 

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

Answer 1

Um Breite oder Höhe des Bildschirms in CSS erhalten Sie den dynamischen C# Ausdruck in CSS Rolle verwenden können und für weitere Informationen zu diesem Thema können Sie Link unten sehen. Außerdem habe ich eine Beispiel-CSS-Rolle für Ihre Frage geschrieben.

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

Und der Code:

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

Disclaimer: Ich bin ein Zebble Projektmitarbeiter und sich in den technischen Support.