Catch Media Screen CSS

1

Good afternoon, I would like to know some way to block the user from adjusting the resolution in the mobile version of the site (by sliding two fingers). As in this example: link (with the mobile browser you can not afford the size of the resolution.

This is the site I wanted to "crash" into a resolution. already tried with max-width and min-width. link

    
asked by anonymous 10.12.2014 / 17:15

1 answer

5

html META TAGs

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

The initial-scale property controls the amplification level when the page is loaded for the first time. Maximum-scale, minimum-scale, and user-scalable properties control the permission for the user to increase or decrease the page.

width

Defines a width for the viewport. The values can be in PX or "device-width", which automatically determines a value equal to the screen width of the device. Example:

<meta name="viewport" content="width=320px">

height

Sets a height for the viewport. The values can be in PX or "device-height", which automatically determines a value equal to the height of the screen of the device. Example:

<meta name="viewport" content="height=device-height">

initial-scale

Sets the initial viewport scale.

user-scalable

Defines the possibility of the user zooming in on a certain place on the screen. It is activated when the user double-taps on a place on the screen.

Source : Tableless

    
10.12.2014 / 17:20