Topic: Prevent zoom on mobile

djcher free asked 1 year ago


Expected behavior Looking to create pages with mdbootstrap in which zoom is disabled. These pages will be viewed ONLY on iPhone or Android phone.

Actual behavior Zoom (pinch) still working.

Resources (screenshots, code snippets etc.)

Header contains

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

Michał Duszak staff answered 1 year ago


You can use touch-action CSS property.

html, body {
   touch-action: none;
}


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.5.1
  • Device: iOS
  • Browser: Safari
  • OS: Windows
  • Provided sample code: No
  • Provided link: No