Mobile View Of Website Same as Browser Screen.

Question

How Can i make Mobile View of website Same As i see in My PC. Currently i open my website in mobile, i see all alignment and pixel are is wrong. So how can i ?

Abhishek Jaiswal · Answer

Hey! use media queries, for making ur website responsive. just go through this link: http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/ :)

Santosh Gadge · Answer

Of course yes, to have proper visuals on mobile devices and on desktop required to have few changes in html. 1. Add meta tag in head section of html page viewport " content=" width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 " /> 2. Remove all html table from page and replace them with div most of the times table mess up visual on mobile devices while rendering page. 3. replace all exact width with % sizes ie.

Ankur Jain · Answer

Hi! You have to use percentage (%) instead of pixels in all properties, although creating a website responsive for all devices is not an easy task, if you have a good knowledge of css, html, js and jquery then only you can design a site responsive, in my case i am developer not a full time designer i can write css and html code easily for small changes, so if you are a developer like me and if you don't have so much knowledge of designing they i would suggest you please use templates that some responsive templates are free of cost available so that you can customize them as per you need, like you can find some good templates from buzztheme.net or if you would like to create your own then you may consider this link... http://www.responsivegridsystem.com/

Mobile View Of Website Same as Browser Screen.

Answers (3)