I’m creating a website for mobile users as well as for pc users. I want this website to be viewed properly on both these end users. I’m now basically looking into the part of mobile users. When i load the page on my mobile, it seems to be a way too bit smaller. I need to reduce the whole body size of the page or its resolution to fit the mobile.
When i checked the mobile version of google(here), it seems to be smaller in the pc’s browser, where as it fits the mobile browser.
What is the method i’ve to use???I’m using Xhtml with support of javascript and css to build the website
You can easily specify multiple style sheets for different media types:
The relevant media types here are probably
screenfor normal viewing at a computer andhandheld.You can also specify a style sheet with
media='all'and then apply specific styles depending on the media type in other style sheets if you don’t need to re-style everything.