Developing for the mobile web – size

This is an update to a previous blog post of mine that has now been updated (http://raypastore.com/wordpress/2011/05/developing-a-website-for-the-mobile-web/)

So when developing a website for the mobile web we need to take into consideration the screen’s size. Obviously since we develop on a computer we need to test a lot to make sure our page looks right on the mobile device. So here are a few quick tips which are updated from my previous post:

1. Most phones compress the page (display) 980 pixels in width. That means that a page that is 980 pixels on a browser (desktop) will be compressed to the fit the phone. However, that is not always the case so we add this line of code:

2. The line of code, which is placed in the header (<head>):

<meta name=”viewport” content=”width=780″>

Will make the page compress to 100% of the phones width (a %) rather than a strict defined width. This is a good option for those developing for multiple devices which is usually the case when developing for the mobile web…otherwise you would just develop an app.
Posted in Mobile Learning and tagged , , .