I was looking to disable zoom on the puffin web browser on an iPad, and I came across this meta tag:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
This tag disables zooming on safari on the iPad, but not on puffin. Is there something else I need to add to disable zooming on puffin?
Related
I am trying to disable user pinch zoom on a web page dedicated for mobile devices, i tried the following meta tags with no avail:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
I also tired this:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
some of my older websites that used to succeed in disabling user pinch zooming before, no longer work anymore as of today.
I am not sure if there's any new standards for achieving the same effect, but i dont seem to find any newer solution on the internet that would work with iOS 13.3.
I have a website built using Ionic v4. My index.html is updated to allow user scaling
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=12.0, user-scalable=yes" />
Pinch and zoom doesn't work in Chrome on Android.
Link to site here
Suppress the small zoom applied by many smartphones by setting the initial scale and minimum-scale values to 0.86. The result is horizontal scroll is suppressed in any orientation and the user can zoom in if they want to.
<meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=3.0, minimum-scale=0.86">
My scenario is I have iphone 5S device and safari browser. In this browser I opened a site (this site is included in bootstrap responsive also) with include below meta tag code.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
If I opened the site with zoom in mode. everything is fine.
My problem is if open any other page of the same site it is showing zoom in view, but my requirement is if I open any page it will show normal view not in a zoom view. How can I do?
Shall I add any code in the meta tag? please suggest me
Use this
<meta id="id" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
$(document).ready(function(){
$("#id").attr("content", "width=device-width, initial-scale=1")
})
I am still a rookie in programming, but I want to know how I can disable horizontal scrolling on mobile devices. As you can see on my webpage here the picture on the top is bigger than the device-width. I tried nearly all I could find in this forum, but nothing really helped.
I put <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1"> into the head,
tried body{overflow-x:hidden} in various combinations but nothing worked :/
Your website works on mobile Firefox and Chrome, but not on the Android standard browser. Maybe this browser needs user-scalable=no.
Just add it to your meta tag.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no">
This also works for me:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
I am developing a mobile web-application.I am using jsp,ajax,java classes.I want to stop the page zooming on browser.How it will possible?...I was used meta tag for it but it did n
This should work fine for iOS:
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
On android, it doesn't work for certain devices though such as HTC.