Topic: Prevent zoom on mobile

djcher free asked 3 years 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 3 years ago

You can use touch-action CSS property.

html, body {
   touch-action: none;

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: 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