Adapting to views using css or js

using css

@media screen and (-ms-view-state: fullscreen-landscape) {


}
@media screen and (-ms-view-state: fullscreen-portrait) {

}
@media screen and (-ms-view-state: filled) {


}
@media screen and (-ms-view-state: snapped) {

}

 

using js:

(function () {
    "use strict";
    var app = WinJS.Application;
    var view = Windows.UI.ViewManagement;
    app.onactivated = function (eventObject) {
        var value = getMessageFromView(view.ApplicationView.value);
    };
    function getMessageFromView(currentView) {
        var displayMsg;
        switch (currentView) {
            case view.ApplicationViewState.filled:

                displayMsg = "Filled View";
                break;
            case view.ApplicationViewState.snapped:
                displayMsg = "Snapped View";
                break;
            case view.ApplicationViewState.fullScreenLandscape:
                displayMsg = "Full - Landscape";
                break;
            case view.ApplicationViewState.fullScreenPortrait:
                displayMsg = "Full - Portrait";
                break;
        }
        return displayMsg;
    }
    app.start();
})();