Nativescript Bildschirmgröße Qualifier nicht xml aber css

Question

Wie kann ich Bildschirmgröße Qualifier für CSS-Dateien machen. Wie app.css aber für bestimmte Bildschirmgröße wie 10 "-Tabletts. Wenn es möglich ist, kann ich Android auch wie app.minWH720.android.css spezifisch machen. Es scheint nicht zu funktionieren, mache ich etwas falsch oder wird nur xml unterstützt.

möchte ich verschiedene Etikettengrößen auf verschiedenen Geräten zur Archivierung XML-Datei in Ordnung sind, ohne sie zu berühren

ich bin mir dessen bewusst Dokumentationen wie:.. https://www.nativescript.org/blog/details/supporting-multiple-screen-resolutions-in-your-nativescript-app

Answer 1

Bedenkt man, dass Sie Bildschirm qualifers Seiten wie

haben

main-page.minWH720.xml 
main-page.minWH480.xml 

Sie können einfach verschiedene CSS-Klassen für Ihre XML-Elemente bereitstellen.

.myButton-minWH720 { 
    background-color: red 
} 

.myButton-minWH480 { 
    background-color: blue 
} 

Und sie entsprechend verwenden, wo nötig ..

Was die zweite Frage, die Sie Ihre Kennzahlen mit der platform module wie dies in Ihrem app.js bekommen

var platform = require("platform"); 

var screen = platform.screen; 

console.log(screen.mainScreen.heightDIPs); 
console.log(screen.mainScreen.heightPixels); 
console.log(screen.mainScreen.scale); 
console.log(screen.mainScreen.widthDIPs); 
console.log(screen.mainScreen.widthPixels); 

var device = platform.device; 

console.log(device.os); 
console.log(device.manufacturer); 
console.log(device.osVersion); 
console.log(device.model); 
console.log(device.sdkVersion); 
console.log(device.deviceType); 
console.log(device.uuid); 
console.log(device.language); 
console.log(device.region);