It’s all iPhones at work at the moment. I got to play with one for a few minutes, so I finally got to try out my Fortune iPhone-web-interface, mentioned previously:

iPhone running fortune

Something interesting that I hadn’t been able to visualise before was “viewport” scaling: The browser de-couples the physical screen resolution from the page’s virtual resolution. When you visit a web page, the browser simulates a relatively large window, and then scales the resulting page down so it fits on the screen, but is very small. If you’ve already designed with a small screen in mind, you end up with a lot of wasted space unless you tell the browser (via a meta tag) that you’d like it to pretend a smaller window size (resulting in less scaling). See Apple’s iPhone-Safari dev notes for a proper explanation.

Here’s Fortune with a specified virtual window width of 600 pixels:

Fortune on the iphone

And here’s what it looks like without a specified viewport width:

Fortune on the iphone before viewport scaling

Incidentally, the viewport width seems to stay constant when the orientation changes: If you rotate to landscape, the page image zooms in somewhat so that it can still fill the screen without becoming any wider in terms of the virtual browser window (i.e. the viewport width is preserved).

19 Responses to “iPhones”

  1. Sailor Coruscant Says:

    I think I’ve mentioned before that I hate you.
    That’s so awesome.

  2. new technology gadgets Says:

    I together with my guys appeared to be examining the best tricks from your web site while instantly I had a terrible suspicion I had not thanked the web site owner for them. The ladies are already as a result happy to read them and already have truly been taking advantage of those things. Thanks for indeed being indeed helpful as well as for picking this form of awesome resources millions of individuals are really needing to know about. Our own sincere regret for not expressing gratitude to earlier.

  3. adam regiaba Says:

    hello, your site is truly very good. We do appreciate your give very good outcomes

  4. adam regiaba Says:

    This might be the right weblog for everybody who is wishes to learn about this topic. You already know much its nearly challenging to argue to you (not too I personally would want…HaHa). You definitely put a whole new spin more than a topic thats been revealed for several years. Wonderful stuff, just wonderful!

  5. physical fitness Says:

    Hey, you used to write magnificent, but the last few posts have been kinda boring¡K I miss your tremendous writings. Past several posts are just a little out of track! come on!

  6. 32157516041585161015751590 Says:

    hey very good web site i will definaely come back and see once more.

  7. commonwealth bank Says:

    How do I copy my WordPress blog onto my computer so I can locally edit and try out plugins before publishing?

  8. Zasilek Rodzinny W Niemczech Kindergeld Says:

    I dugg some of you post as I cerebrated they were very useful extremely helpful

  9. Servicio Madrid Says:

    I like what I see so i’m just adhering to you. Look forward to exploring your web webpage however once more.

  10. my review here Says:

    I am curious to locate out what blog platform you happen to be using? I’m having some minor security issues with my latest weblog and I would like to find something more risk-free. Do you’ve any suggestions?

  11. Tresa Morency Says:

    Appreciate the recommendation. Will try it out.|

  12. Raphael Yonemura Says:

    I definitely did not recognize that. Learnt one thing new today! Thanks for that.

  13. baju wanita terbaru Says:

    Seriously quite good contribution, I really depend on up-dates of your stuff.

  14. holiday lettings Says:

    I¡¦ve recently started a blog, the info you offer on this website has helped me greatly. Thanks for all of your time & work.

  15. vaillance courtage Says:

    I am glad that it turned out so well and I hope it will continue within the future because it truly is so worthwhile and meaningful to the community.

  16. Tawanna Shalhoup Says:

    It shows how you comprehend this subject. Added this page, is for more.

  17. netten kazanc fikirleri Says:

    It shows how you comprehend this topic. Added this page, is for a lot more.

  18. ãøåø äìåé Says:

    Exceptional internet internet site. Lots of helpful information here. I am sending it to several buddies ans furthermore sharing in delicious. And of course, thank you in your sweat!

  19. hacamat Says:

    Hi! Someone in my Facebook group shared this web site with us so I came to check it out. I’m definitely loving the info. I’m book-marking and is going to be tweeting this to my followers! Outstanding blog and great style and style.

Leave a Reply