Want more timely Centmin Mod News Updates?
Become a Member

How to enable pinch zoom on website for mobile devices?

Discussion in 'Other Web Apps usage' started by Ryan Rajpoot, Dec 14, 2016.

  1. Ryan Rajpoot

    Ryan Rajpoot New Member

    5
    2
    3
    Oct 24, 2016
    Navi Mumbai
    Ratings:
    +2
    Local Time:
    10:17 AM
    1.8.0
    MariaDB 10.0
    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. eva2000

    eva2000 Administrator Staff Member

    30,170
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,138
    Local Time:
    2:47 PM
    Nginx 1.13.x
    MariaDB 5.5
    not idea but this forum uses
    Code (Text):
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    
     
  3. SFLC

    SFLC Active Member

    224
    59
    28
    Dec 4, 2016
    The Canadas
    Ratings:
    +112
    Local Time:
    6:47 AM
    1
    10
    i think this should work for you, you just needed to add user-scalable

    <meta name='viewport' content=' width=device-width, initial-scale=1, maximum-scale=1, user-scalable=1' />
     
    • Agree Agree x 1
    • Informative Informative x 1
  4. Ryan Rajpoot

    Ryan Rajpoot New Member

    5
    2
    3
    Oct 24, 2016
    Navi Mumbai
    Ratings:
    +2
    Local Time:
    10:17 AM
    1.8.0
    MariaDB 10.0
    Thanks for the response, i will replace my code with yours and let you know the effect.