Mobile targeted web page not "mobile friendly" in mobile browser 

Joined:
04/09/2007
Posts:
784

September 20, 2013 10:19:06    Last update: September 20, 2013 10:19:06
My first attempt to create a mobile friendly web page with jQuery Mobile failed drastically: the page rendered just like it did on a desktop.

By trial and error, I found that a single line in <head> made all the difference:
<meta name="viewport" content="width=device-width, initial-scale=1">


Then I learned concepts such as "CSS Media Queries" and "Responsive web design".

References:
  1. jQuery Mobile: Going Responsive
  2. "Mobifying" Your HTML5 Site
  3. Bootstrap: Sleek, intuitive, and powerful mobile first front-end framework
  4. Building A Better Responsive Website
Share |
| Comment  | Tags