My OperaYou need to be logged in to post in the forums. If you do not have an account, please sign up first.
meta viewport and device-width in VGA resolution Pocket Pc
Hi!I am making a web page for safari (iPhone) and opera mobile (PPC) and I have a problem with Opera Mobile 9.51 Beta.
I am using <meta name = "viewport" content = "width = device-width;" /> for adjust the web width for diferent devices but with not satisfactory results.
I am debuging with a QVGA Pocket PC (240x320), a VGA Pocket PC (480x640) and an iPhone (320x480).
In the iPhone the device-width takes 320 value, all OK.
In the QVGA PPC the device-width takes 240 value, all OK.
But in the VGA resolution PPC the device-width takes 240 value too. The appearance of the web is the same at QVGA or VGA Pocket PCs.
Is this normal? why the device-width information isn't 480 in a VGA PPC?
The VGA device i have is a HTC Diamond.
Thanks.
the test webpage is: http://pruebas-web.donostia.org/mobile.nsf/fwHome?ReadForm
the metatag i am using:
<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
the build number of my htc diamond: 1522
but i am using at work the latest build downloaded today and same problems.
Thanks
the metatag i am using:
<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
the build number of my htc diamond: 1522
but i am using at work the latest build downloaded today and same problems.
Thanks
Hi
I've tested your webpage (http://pruebas-web.donostia.org/mobile.nsf/fwHome?ReadForm) with build 1522 on Diamond device.
In my testing the webpage _is_ scaled to a width of 480 pixels, in accordance with the following:
<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
So i am unable to reproduce the issue.
Regards,
Frode H. Jahr
Opera Software
I've tested your webpage (http://pruebas-web.donostia.org/mobile.nsf/fwHome?ReadForm) with build 1522 on Diamond device.
In my testing the webpage _is_ scaled to a width of 480 pixels, in accordance with the following:
<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
So i am unable to reproduce the issue.
Regards,
Frode H. Jahr
Opera Software
9. October 2008, 14:48:16 (edited)
Hi Frode,
You see more than 3 buttons per row?
A take some screenshots:
In a QVGA device with 240x320 resolution only views 3 buttons per line.
http://pruebas-web.donostia.org/mobile.nsf/QVGA.png
In an iPhone (480x320 resolution) there are 4 buttons per line.
http://pruebas-web.donostia.org/mobile.nsf/iPhone.png
And in a VGA device like diamond with 480 pixels width only shows 3 buttons too.
http://pruebas-web.donostia.org/mobile.nsf/diamond.png
In 480px width enters at least 5 buttons per row but only shows 3 like at QVGA devices.
Is this normal? appareantly the device-width on diamond is 320 too.
Thanks for reply.
You see more than 3 buttons per row?
A take some screenshots:
In a QVGA device with 240x320 resolution only views 3 buttons per line.
http://pruebas-web.donostia.org/mobile.nsf/QVGA.png
In an iPhone (480x320 resolution) there are 4 buttons per line.
http://pruebas-web.donostia.org/mobile.nsf/iPhone.png
And in a VGA device like diamond with 480 pixels width only shows 3 buttons too.
http://pruebas-web.donostia.org/mobile.nsf/diamond.png
In 480px width enters at least 5 buttons per row but only shows 3 like at QVGA devices.
Is this normal? appareantly the device-width on diamond is 320 too.
Thanks for reply.
15. October 2008, 22:21:27 (edited)