Thread
:
Maemo Browser ignores metatag viewport
View Single Post
claesbas
2010-01-15 , 21:03
Posts: 290 | Thanked: 472 times | Joined on Dec 2007 @ Gothenburg, Sweden
#
10
You are right that those browsers are not wrong. It is ok for them cause they are made to show websites at 1024px + size. Usually 1280px or more..
I think we are abit ahead of time at the moment with our mobile browsers at 800x480px screens and we have "converted" our "bigger brothers" down to this without taking in concern that the web today is made for 1024-1280px width in most cases. So even though our mobiles have a screen resolution of 800x480px we still want to be able to surf the real web. Also the whole viewing experience in a mobile is very much more fluid... you are at different zoom levels all the time and 100% pixel size is usually never really readable and 100% pixel are not the best view for your eyes as with a big screen. So instead you zoom to the thing you want to "look at", read, click etc etc.. what the website width is in pixels makes no real difference for the experience..
I am sure I could find a way to hack my site to make it view proper in MicroB / Maemo Browser but that is not a solution..
http://www.queness.com/
http://www.vegasuncorked.com/
http://www.comfortbrothers.com/
http://lab.colorsmagazine.com/
http://www.ndesign-studio.com/
http://www.creativespark.co.uk/
http://mightydream.com/
http://www.ministeriodeartesfreedom.com/
http://www.nineflavors.com/
http://www.giblette.com/
http://www.floridaflourish.com/
http://www.further.co.uk/
http://www.trongate103.com/
http://www.jonesandpalmer.co.uk/
http://www.colingrist.com/
http://www.pixelbrushstudios.com/
http://www.i-avion.com/
http://thingsthatarebrown.com/
http://ryokan.es/
http://www.foodincmovie.com/
http://www.theplant.jp/en/
https://www.thecommon.org/
http://www.leliathomas.com/
http://www.juandiegovelasco.com/
I very quickly surfed on
www.webcreme.com
and found these links with the very same problem. I can give you lots and lots more links and they all can't be wrong.
However the Mozilla team told me about this:
Code:
<meta name="viewport" content="width=1110" />
and that really solves the problem for me as a webdesigner if all mobile browsers will take on this standard (I think its a standard.. but I am not sure). Fennec/Mobile Firefox works just great with this knowledge..
the whole 800x480px surfing is still quite young and things like these will soon be common knowledge amoung webdesigner..
EDIT: Btw, your example has a table with a big image that pushes out the web content. This is not a very common layout in todays full CSS based websites
__________________
Claes Norin
http://www.maemosweden.org
Last edited by claesbas; 2010-01-15 at
22:23
.
Quote & Reply
|
claesbas
View Public Profile
Send a private message to claesbas
Visit claesbas's homepage!
Find all posts by claesbas