You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@cameronoelsen One solution is to disable user scaling: Change this line to <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">. The only issue is that I naturally tried to zoom on my phone because I wanted a closer look at the notebook images, so disabling zooming has its own problems. A hack that I read about is to calculate the amount of scale/zoom in JS and scale the nav bar using transform: scale(1 - viewportScale).
The text was updated successfully, but these errors were encountered:
Normal zoom:
Zoomed in:
@cameronoelsen One solution is to disable user scaling: Change this line to
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
. The only issue is that I naturally tried to zoom on my phone because I wanted a closer look at the notebook images, so disabling zooming has its own problems. A hack that I read about is to calculate the amount of scale/zoom in JS and scale the nav bar usingtransform: scale(1 - viewportScale)
.The text was updated successfully, but these errors were encountered: