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

Question

如何爲CSS文件設置屏幕大小限定符。像app.css，但對於某些屏幕大小，如10「平板電腦。如果可能的話，我也可以使Android特定像app.minWH720.android.css。它似乎不工作，我做錯了什麼或只支持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 
} 

並正確使用它們需要的地方..

至於第二個問題，你可以使用platform module你這樣的指標在app.js得到

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