如何爲CSS文件設置屏幕大小限定符。像app.css,但對於某些屏幕大小,如10「平板電腦。如果可能的話,我也可以使Android特定像app.minWH720.android.css。它似乎不工作,我做錯了什麼或只支持XML。Nativescript屏幕大小限定符不是xml,而是css
我希望在不同設備上不同的歸檔標籤大小的XML文件的罰款不接觸他們
如何爲CSS文件設置屏幕大小限定符。像app.css,但對於某些屏幕大小,如10「平板電腦。如果可能的話,我也可以使Android特定像app.minWH720.android.css。它似乎不工作,我做錯了什麼或只支持XML。Nativescript屏幕大小限定符不是xml,而是css
我希望在不同設備上不同的歸檔標籤大小的XML文件的罰款不接觸他們
考慮到你的屏幕限定符頁面,如
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);
小插件:可能呢可以在啓動app.js時獲取屏幕dpi值,然後使用它加載特定的app.css文件。 – Terhoraj