Android shows everything very small

4 posts, 0 answers
  1. giord
    giord avatar
    8 posts
    Member since:
    Oct 2013

    Posted 10 Jan 2014 Link to this post


    I developed a phonegap 3 app with kendo ui mobile. Works like a charm, already in the appstore.
    Now I tested it on a android phone. It still works, but everything is very small, like half of the size compared to ios.
    Am I missing some parameter or meta tag for scaling or anything else?

    Thank you!
  2. Brian
    Brian avatar
    1 posts
    Member since:
    Dec 2013

    Posted 12 Jan 2014 Link to this post

    I'm not sure if it's the best way but you can set "target-densitydpi=medium-dpi" in your meta viewport tag.
  3. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 13 Jan 2014 Link to this post

    Hi Bruno,

    Kendo UI Mobile adds a meta tag that should take care of the scale of the application/site. However, generally you should avoid adding one yourself, which may interfere with ours. That said, I can only guess what the problem really is. Can you provide some sample code of your application (or can you reproduce the issue in a jsBin) and send it over? I can convert this thread to a ticket if you need the privacy.

    Kamen Bundev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  4. giord
    giord avatar
    8 posts
    Member since:
    Oct 2013

    Posted 13 Jan 2014 Link to this post

    I found the problem. If you create a new phonegap app there's a viewport:
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

    Works with ios, not on android. After I removed the viewport everything works on android too, thank you.
Back to Top