Geek Answers Handbook

Disable scaling of touch devices in bootstrap system

I am using twitter bootstrap . I want to disable touch device scaling. I have already used

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

this is. Without a bootstrap frame, I can prevent the scaling of touch devices, but with a framework I can’t. So are there any ways around this?

Thanks in advance.

+7
html twitter-bootstrap zooming
source share
4 answers

The guys are grateful for the answers. Actually it was my stupid mistake. I had a few meta on the page and this was causing the problem. Below code should work for everyone.

 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+1
source share

Write the following code that disables the mobile zoom function, as well as disable focus on any type of input

 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+10
source share

If you look at the Bootstrap documentation, they said that to turn off scaling, you should include the following meta tag between public and private header tags:

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

As the other guys mentioned, and also you can find in the Bootstrap documentation at http://getbootstrap.com/css/#overview-mobile here is the solution

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

More articles:


All Articles