About one-third of all traffic on your website is from visitors using mobile devices. And with sales of smart phones and tablets expected to soar this year, you need to make sure that your website is accessible across devices. "Responsive" websites (like this one) accommodate all visitors, regardless of how they access your site.
Essentially, four different templates are created, with the appropriate one being displayed automatically depending on the width of the screen used to view it:
- • Mobile phone [portrait];
- • Tablet portrait or phone landscape;
- • Tablet landscape or small laptop;
- • Full screen desktop computer.
Elements on the web page display in three or four columns on a desktop
computer, but stack neatly one beneath the other in a single column when
viewed on a mobile phone. The menu bar also collapses into a single button
which is easily accessible via a quick tap of the finger.
Developing a responsive website is more costly initially, but it eliminates the need for a dedicated mobi site and solves the dilemma of which version to display on tablets.