How to make my website mobile and tablet compatible?

javascript mobile web android-compatibility
Darron Donaldson picture Darron Donaldson · Jan 28, 2013 · Viewed 82.6k times · Source

I want to make my existing website automatically adjust itself when viewed either on mobiles, tablets, or even when you adjust your screen on a desktop.

Failing that, if it's too difficult, what suggestions do you have?? I basically want an ipad and iphone (android) version that uses the same url, with an auto direct when mobile browsers are detected.

Many thanks

Answer

Anbu picture Anbu · Jan 28, 2013

You are looking for Responsive web design! Start with MediaQueries http://mediaqueri.es/

Also check this out for better understanding

http://www.slideshare.net/zomigi/building-responsive-layouts-15508821

Related questions

What is the best way to detect a mobile device?

Is there a way to detect whether or not a user is using a mobile device in jQuery? Something similar to the CSS @media attribute? I would like to run a different script if the browser is on a handheld …

Read More
Detect viewport orientation, if orientation is Portrait display alert message advising user of instructions

I am building a website specifically for mobile devices. There is one page in particular which is best viewed in landscape mode. Is there a way to detect if the user visiting that page is viewing it in Portrait mode …

Read More
Get GPS location from the web browser

I am developing a mobile based web-site, there I have integrated Google Maps, I need to fill the 'From' field of Google Maps dynamically. Is it possible to get the GPS location from web browser and fill it up in …

Read More