Opera- & IE-Mobile on a Windows Mobile

Hey gang.

Any of you had any experience with opera mobile, and ie-mobile? It seems they zoom in on my content, making everything big. I have a mobile.domain.com subdomain with a nice alternativ site to mobiles, which is working excellent in android and iphone, but it looks almost unreadable.

I found the resolution on the phones online.:
640x480 - HTC Touch Pro (opera mobile & IE-mobile)
320x480 - HTC Hero (android)

So i don’t know why the Touch Pro mobile would want to mess the site up by zooming the fonts (and pictures). It’s doing it in IE mobile aswell.

Is there a way to make the browser, Not-zoom into the site. Specify the zoom level in html.

Now that i just checked iPhone a bit more, i see when i turn it to landscape mode, it zooms the website (because, i guess, it wants the width of the website to stay the same). How can i make it NOT do that .

I use: <meta name=“viewport” content=“initial-scale=1.0, user-scalable=no” /> to make sure it is not zoomable. Could that be the reason? And if so how do I make sure that it does not “strech” my website, instead of just expand the viewpoint.


nobody had any experience with mobile webdesign? Or am i writing in the wrong sub-forum?

jcharnley, sorry about the late reply. The reason some browsers do not work so friendly with mobile explicit websites is because they use what I call “zoom panelling”, essentially they take a normal looking website and scale it out so people can zoom into a specific section of the page and navigate through hand gestures. Why they do this is mainly because the web browsers themselves on those devices tend to be as HTML and CSS (and JavaScript) compliment as a desktop browser, therefore they have no need for visiting a scaled down version of the website. My advice would be to keep the mobile page for the majority of devices which need the “lesser” site and just allow those kinds of devices to use the normal website (as it’s what they expect)… the iPhone and Opera Mini browser have the same method of browsing. It definitely makes your life easier as you can leave them to their own devices and the website will work (just with scrolling). :slight_smile:

I build a m.domain.com which is now working great with webkit based phones (ai the iPhone and Android etc). But it works crap in opera mobile. Opera Mini and iPhone do not have the same way of browsing. Opera Mini scales up my website (making the fonts alot bigger, including images and all widths), makeing the website unfit for a small screen. The same does IE-Mobile.

The solution im thinking about is make a touch-webkit alternative, and a backward-compatible-mobile-browser version of the content of domain.com. Meaning 3 domains www.domain.com, touch.domain.com, and m.domain.com. But i dont like that solution, because gives me more work. Would much rather have IE and Opera to behave proberly.

See as I said before, you should allow the iPhone to visit your normal website, it’s been created in such a manner that it can navigate a normal website without issue, I was mistaken about Opera Mini however that uses a traditional mobile browser (not zoom panelling) which means the m.yoursite.com is the correct action to take (as it requires a scaled down simplistic site. Just have iPhones go to your homepage, Opera Mini and IEMobile to the independent design. :slight_smile:

I understand that iPhone and other phones which has the webkit browser engine (such as Android), having the capabilities to view a website normal, however, it is not good for usability for the user to horizontal scroll, zoom out/in all the time. Thats why i want to provide a vertical-scroll-only solution to all small screen handheld devices. :slight_smile:

Actually, usability studies on the iPhone show that navigation using the zoom panels isn’t much of an issue at all. Apple in all their wisdom managed to streamline the process so it’s not that invasive or complex at all, from the research I have done the horizontal scrolling on the iPhone is nowhere near as invasive to the user experience as of that on a desktop machine. Of course such studies are pretty fresh so it’s not entirely conclusive but it definitely seems to be suitable. :slight_smile:

had the same problem because of fixed width elements in some of the pages - especially if you embed any exotic controls (we use a pdf viewer which is a total nightmare on mobile devices). if you can avoid fixed width maybe horizontal scrolling would become less of a problem (the browser will just find a way to re-arrange the elements optimally, at least most of the times)