Welcome to WebmasterWorld Guest from 18.104.22.168
Forum Moderators: incrediBILL
is it worth designing mobile version of a website with xhtml or other special markups?
Is it worth changing markup language for a mobile version?
It's not just a markup change. It's a change in thinking from a design perspective.Very true. Two years ago my server logs showed a slow upward trend to larger screen sizes. I was getting to the point of abandoning all testing at 800x600 and below.
But you're not designing for a continuum of screen sizes. It's either a monitor (say 800-and-up) or a mobile (say 500-and-under).
_gaq.push(['_trackEvent', 'Viewport', 'load', $(window).width() + 'x' + $(window).height(), $(window).width()]);
As a quick fix I did a minimalistic implementation of <meta name="viewport" content="width=device-width, initial-scale=1.0"> and CSS max-width:1024 on the only page served (to all - no mobile specific page made).
You can set image widths in percentages which allows them to scale with the viewport. There some calculations involved but once you get the hang of it, it's pretty cool.
I have an image inside a <div> container, and I set image max-width:100%, so the image scales down with viewport. However, i understand that both no definiting image width and forcing the browser to scale the image slows down the page loading.
<img style="width:100%;max-width:1200px;" src="" alt="">