How to center content on the screen depending on the mobile device with intel xdk?

0

Good evening,

I'm developing a mobile application with Intel XDK with bootstrap framework, I need to know how I can put my content centered on the screen on every type of smartphone and resolution that I can not do in the iphone 4s is fine but by example on the iphone 6 plus gets a big space under white.

<style>
        /* following three (cascaded) are equivalent to above three meta viewport statements */
        /* see http://www.quirksmode.org/blog/archives/2014/05/html5_dev_conf.html */
        /* see http://dev.w3.org/csswg/css-device-adapt/ */
            @-ms-viewport { width: 100vw ; min-zoom: 100% ; zoom: 100% ; }          @viewport { width: 100vw ; min-zoom: 100% zoom: 100% ; }
            @-ms-viewport { user-zoom: fixed ; min-zoom: 100% ; }                   @viewport { user-zoom: fixed ; min-zoom: 100% ; }
            /*@-ms-viewport { user-zoom: zoom ; min-zoom: 100% ; max-zoom: 200% ; }   @viewport { user-zoom: zoom ; min-zoom: 100% ; max-zoom: 200% ; }*/
</style>
    
asked by anonymous 15.06.2015 / 21:30

1 answer

0

You should take a look at how to work with media queries , as explained in this question / answer here of SOpt.

To find the specific resolution of the device you want to work with, you can use cssmediaqueries.com

    
15.06.2015 / 22:34