Disable “pull to refresh” in Chrome for Android

In mobile Chrome, pulling the top of the page will reload it. Although it’s a convenient UI pattern, it might get in the way if you are trying to implement gestures in your app. After careful observation, I have come up with a simple solution. AngularJS I have successfully disabled “pull to reload” with this […]

Disabling font zooming in Chrome on Android

If you are here, you have probably tried disabling font zooming by using -webkit-text-size-adjust:100% and discovered it didn’t work. Chrome conveniently ignores this non-standard property, so you need to use an inconvenient hack to disable what is called font boosting by adding the following line to your CSS file: html * {max-height:1000000px;} Your fonts should […]

Mobile web design: how to disable zooming on your mobile sites

When you are making a mobile website, you might want to disable sideways scrolling and zooming. Although I wouldn’t personally recommend disabling zooming, it’s easily done. In your head tag, insert the following meta tag: <meta content=’width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0′ name=’viewport’ /> This tag is recognized by all major browsers, including Chrome on Android and […]