How browser auto resize website to mobile browse?


Tags: css,browser,website,resolution,autoresize

Problem :

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.



Solution :

Either there might be some media queries defined within your stylesheet like

@media handheld, only screen and (max-width: 1024px) 
{
    //Style goes here
}

Which is a style defined for screens having maximum width of 1024px.

Another possibility is, styles may be defined fully in percentage. So that the styles are changed according to the window size.

Again there might be some scripts used in your code to resize. All depends on the code that you are using. There are variety of methods which fits the view according to the screen size.


    CSS Howto..

    How to highlight table rows if error is found - Jquery

    resize/expanding slideshow (inside a div) overtakes content that follows below

    How to get global selector inside emulated view encapsulation (CSS / Angular2)

    How to make video thumbnails like Facebook [CSS]

    How do you create a scrollbar that recognizes scrolling only for the current topmost container using css?

    Some misunderstanding how to use bootstrap and css

    How to fix redefinition warnings from CSS Validator?

    css how to make this div at the bottom of another div [duplicate]

    How to push a div from the top in percentage with css?

    How to position divs inline with same spacing

    Two sprites on same position: how to make this happen?

    How to center div while keeping inside divs on same line in css?

    Wordpress Plugin - How can I make the text responsive, OR replace it with a new div?

    CSS: how do I add Twitter Bootstrap to an existing web page with it's own CSS?

    How to set the horizontal menu to be center without setting the specific width

    how to place two divs side by side

    HTML/CSS: How do I make right floats go to the top instead of floating at the position where they were when they were inline?

    How to use a text file's contents in HTML as text [duplicate]

    How to parse xmlwebservice in phonegap

    How to change the slide picture when resize browser size

    hover div to show another div

    How do you make a filter for images that have tags?

    How to style a dynamic html created by PHP

    How can I remove the spacing above a block element in CSS?

    How can I add padding to an element on my page?

    CSS: How to limit horizontal/vertical scrolling?

    How can I display just a portion of an image in HTML/CSS?

    how to add empty space between cells in tables?

    css hover image and show icon not show

    If the tabs use all images to show text + icon on each tab, then how to add text to to help search engine to find the keywords on the tabs?