Results 1 to 4 of 4
  1. #1
    Join Date
    Oct 2016
    Location
    Navi Mumbai
    Posts
    5

    How to enable pinch zoom on website for mobile devices?

    Pinch zoom is a key feature of mobile browsing, which allow you to to zoom in to read content and out to locate content within a page. I am trying to enable this feature on my website. I've tried to enable zooming by setting meta viewport like this.

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

    It's working on my android smartphone(Sony) but it's not zoomable on iPad and iPhone. My site www.pnrstatusbuzz.in is a php site, design in HTML5. Is this a designing issue or error in above mentioned code.

  2. #2
    Join Date
    Oct 2002
    Location
    /roof/ledge
    Posts
    28,088
    Moved from the SEO forum section, since it's about web design.
    Your one stop shop for decentralization

  3. #3
    Join Date
    Apr 2006
    Location
    UK
    Posts
    349
    What version of iOS are you using? In an attempt to improve accessibility, Apple has disabled the ability to disable pinch and zoom in later versions of iOS.

    In ye olde days we would set user-scalable=no in the viewport and it would prevent pinch and zoom from working, but since you're not using that it should be enabled.

    Bit of a long shot maybe try user-scalable=yes to see if it force enables it? (I have no idea whether this is a thing, just a thought)

    I just tested your site with iOS 10 Safrari and I can pinch-and-zoom
    LunaHost
    Premium Managed cPanel and Reseller Hosting - VPS - Domain Names
    New: Laravel Hosting
    https://www.lunahost.co.uk

  4. #4
    Join Date
    May 2003
    Location
    USA
    Posts
    37
    Try adding this in the <head> section.

    <!-- mobile settings -->
    <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0"/>
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->


    EDIT:
    I tried your site on my iPhone 6s Plus after posting that and I'm not seeing issues with it, so I'll assume you resolved this...?
    Last edited by CDNgine; 12-13-2016 at 09:13 PM.
    ★ ★ ★ ★ https://www.cdngine.com ★ ★ ★ ★
    27 Global POP's • Pure SSD CDN • Full Featured
    Unlimited Zones • Video Streaming • Automated LetsEncrypt

Similar Threads

  1. How to enable PHP info on my server, need urgent help!
    By webuser00 in forum Hosting Security and Technology
    Replies: 4
    Last Post: 04-06-2009, 04:22 AM
  2. How To Rank at #1 on Google for Any Search Term - 13 Million Backlinks!!
    By SuperHosterz in forum Other Offers & Requests
    Replies: 4
    Last Post: 03-03-2008, 09:07 PM
  3. How to disable "right-click" on desktop for Windows "Guest" user?
    By mrzippy in forum Computers and Peripherals
    Replies: 5
    Last Post: 08-07-2007, 03:48 PM
  4. How to enable some libraries on my php?
    By millionpoll in forum Programming Discussion
    Replies: 1
    Last Post: 01-16-2006, 01:02 PM
  5. how to enable spam assassin on all sites on server
    By kamyana in forum Hosting Security and Technology
    Replies: 0
    Last Post: 02-15-2005, 01:17 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •