Posts

Showing posts from October 12, 2010

make a mobile compatible website

How to design a website for mobile devices (smart phones). Next web world with smart phones so start working on mobile templates. In this post I want to explain very basic HTML design tip with adding a meta tag. Normal site Contains HTML code. CSS width style fixed with pixels. width : 900px <!DOCTYPE html> <html xmlns=" http://www.w3.org/1999/xhtml "> <head> <meta http-equiv=" Content-Type " content=" text/html; charset=iso-8859-1 " /> <title> Normal Website </title> <style> #container { width: 900 px; } </style> </head> <body> <div id=" container "> </div> </body> </html> Mobie site Contains HTML code. CSS width style with percentage. width : 100% . Take a look at META tag viewport. <html> <head> <title> Mobile Website </title> <meta content=" width=device-width; initial-scale=1.0;