Testing how maximum-scale and user-scalable effect zoom
Tests
content="width=device-width, initial-scale=1.0"content="width=device-width, initial-scale=1.0"+maximum-scale=1.0content="width=device-width, initial-scale=1.0"+maximum-scale=3.1content="width=device-width, initial-scale=1.0"+user-scalable=0content="width=device-width, initial-scale=1.0"+maximum-scale=1.0+user-scalable=0content="width=device-width, initial-scale=1.0"+maximum-scale=3.1+user-scalable=0
Results
| iOS | iPad OS | Android Phone | Android tablet | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Expectation | pinch to zoom | increase text size | auto zoom in inputfield | pinch to zoom | increase text size | auto zoom in inputfield | pinch to zoom | increase text size | auto zoom in inputfield | pinch to zoom | increase text size | auto zoom in inputfield |
content="width=device-width, initial-scale=1.0" |
yes | yes | yes | yes | yes | no | yes | yes | Not tested | Not tested | Not tested | Not tested |
content="width=device-width, initial-scale=1.0,maximum-scale=1.0" |
yes | yes | no | yes | yes | no | yes | yes | Not tested | Not tested | Not tested | Not tested |
content="width=device-width, initial-scale=1.0,maximum-scale=3.1" |
yes | yes | yes | yes | yes | no | yes | yes | Not tested | Not tested | Not tested | Not tested |
content="width=device-width, initial-scale=1.0,user-scalable=0" |
yes | yes | no | yes | yes | no | no | yes | Not tested | Not tested | Not tested | Not tested |
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" |
yes | yes | no | yes | yes | no | no | yes | Not tested | Not tested | Not tested | Not tested |
content="width=device-width, initial-scale=1.0, maximum-scale=3.1, user-scalable=0" |
yes | yes | no | yes | yes | no | no | yes | Not tested | Not tested | Not tested | Not tested |
Browsers used:
- iPhone 14 Pro iOS 17.3.1
- iPad 5th generation + iPad OS 17.3.1
- Google Pixel 6a + Android 14, Chrome