Prevent zoom on mobile

  1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: Prevent zoom on mobile

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

You can use touch-action CSS property.

html, body {
   touch-action: none;
}
Write
Create snippet
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
Tags
user-scalable
About author
djcher
10Support score
2Questions 0Answers
0Snippets likes 0Snippets