Dev.Opera - Follow the standards, break the rulesDev.Opera - Follow the standards, break the rules

Login

Lost password?

Forums » General Web Development Discussions

Discuss general web development related issues. For Opera bugs, use the Bug Report Wizard: https://bugs.opera.com/wizard/. For Opera feature requests and queries, use Desktop wish-list: http://my.opera.com/community/forums/forum.dml?id=24.

Note: You need to login to post in the forums. if you don't have an account you first need to sign up.

By Ozius anchor Thursday, 18. September 2008, 13:41:56

avatar

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.

By Ozius anchor Tuesday, 30. September 2008, 08:56:45

avatarno mobile web developer from here?

By frodehj anchor Wednesday, 1. October 2008, 15:52:34

avatarHi

I have 2 questions:

-What is the Opera build number (help->about) on the HTC Diamond device?
-Which exact viewport metatag are you using. Could you provide link to a testcase?

Regards,
Frode H. Jahr
Opera Software

By Ozius anchor Wednesday, 1. October 2008, 21:51:44

avatarthe 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

By Ozius anchor Wednesday, 8. October 2008, 07:12:04

avatarhi frodehj,

any news about this?

Thanks.

By frodehj anchor Thursday, 9. October 2008, 09:57:09

avatarHi

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

By Ozius anchor Thursday, 9. October 2008, 11:27:02

avatarHi 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.

Post edited Thursday, 9. October 2008, 14:48:16

By Ozius anchor Wednesday, 15. October 2008, 19:46:57

avataranyone with an htc diamond or other VGA Pocket PC to try the web page?

Post edited Wednesday, 15. October 2008, 22:21:27

By Saturn2888 anchor Thursday, 25. June 2009, 16:02:53

avatarI'm having the same issue. It is really bugging me because I don't understand why it's doing that.

Moderators: pepelsbey | dstorey | mcx | operadev | chrismills | shwetankdixit | brucelawson | iheni | andreasbovens | zibin | mollydotcom