NetTalk Central

Author Topic: Mobile screen resolution  (Read 2702 times)

mjost

  • Newbie
  • *
  • Posts: 11
    • View Profile
    • Email
Mobile screen resolution
« on: August 06, 2013, 03:39:10 AM »
Hello !

It's probably not the NetTalk problem but anyway - I am working with NetTalk 5.44. I'm working on project where most clients will be mobile phones, mostly with Android. I'm doing my pages with html5 and serving them via NetTalk.
I'm positioning the screen elements (mostly buttons) with css and javascript so that the complete screen covers 320 x 480 pixels as is also the resolution of my testing smartphone (Sony with Android 2.3). The problem is:
- when I try the app with a browser on desktop PC, the page is about 320 x 480 pixels as programmed
- when I try with the browser on my smartphone every page starts reduced by a factor of about 2.5 (to  about 140 x 200 pixels). So I (the user) have to expand it to the full screen by finger gestures every time to be usable which is annoying and probably unacceptable for normal clients.
What can be done about this? Is this a html or the browser problem?

Thank you in advance for any help.

Best regards.
                        Matjaz Jost


Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11250
    • View Profile
Re: Mobile screen resolution
« Reply #1 on: August 06, 2013, 10:31:18 PM »
I'll leave commenting on some of your choices for another day <g>. But what you are looking for is a meta tag in the header of the page.

<meta name="viewport" content="width=device-width, initial-scale=1">

Cheers
Bruce