How browser auto resize website to mobile browse?

css browser web resolution autoresize
CJ Ramki picture CJ Ramki · Aug 29, 2013 · Viewed 25.6k times · Source

I created a website without using mobile theme. If i open my website in my smart phone browser, it resizing my theme. I mean, It automatically reduce the size to my mobile browser. For example...I already mention my text box size in my CSS code. The mobile screen pixel size is differ from desktop machine screen pixel size.

My Question is, how it reduce the screen resolution to mobile view? please clear my doubt.

Thanks in advance.

Answer

Sascha picture Sascha · Aug 29, 2013

Do you mean to resize your sites content for the handheld device? If you have a fluid layout (with % instead of pixels for widths) use:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Further reading: http://developer.android.com/guide/webapps/targeting.html

Related questions

Hiding the scroll bar on an HTML page

Can CSS be used to hide the scroll bar? How would you do this?

Read More
How can I resize an image dynamically with CSS as the browser width/height changes?

I wonder how I could make an image resize along with the browser window, here is what I have done so far (or download the whole site in a ZIP). This works okay in Firefox, but it has problems in …

Read More
Disabling browser print options (headers, footers, margins) from page?

I have seen this question asked in a couple of different ways on SO and several other websites, but most of them are either too specific or out-of-date. I'm hoping someone can provide a definitive answer here without pandering to …

Read More