Nativescript屏幕大小限定符不是xml而是css

Question

如何为CSS文件制作屏幕尺寸限定符。像app.css一样，但对于某些屏幕大小，如10＆＃34;片。如果可能的话，我是否也可以像app.minWH720.android.css那样制作Android。它似乎不起作用，我做错了什么或只支持xml。

我想在不同的设备上存档不同的标签尺寸。 XML文件很好，没有触及它们。

我知道像https://www.nativescript.org/blog/details/supporting-multiple-screen-resolutions-in-your-nativescript-app

这样的文档

Answer 1

考虑到你有像

这样的屏幕质量页面

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

您可以简单地为XML元素提供不同的CSS类。

.myButton-minWH720 {
   background-color: red
}

.myButton-minWH480 {
   background-color: blue
}

并在需要时使用它们。

关于第二个问题，您可以在app.js中使用platform module这样的指标来获取指标

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);