Skip to content

Instantly share code, notes, and snippets.

@ataylorme

ataylorme/mobile responsive tablet zoom fix

Last active December 20, 2015 03:19
Show Gist options
  • Save ataylorme/6062366 to your computer and use it in GitHub Desktop.
Save ataylorme/6062366 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
mobile responsive tablet zoom fix
/* SASS */
$tablet_zoom: (768px / $Desktop) * 100%;
@media (min-width: $Mobile + 1px) and (max-width: $Desktop - 1px) { html { zoom: $tablet_zoom; } }
/* jQuery */
/* TABLET ZOOM FIX */
if ( size.indexOf("portrait") !==-1 || size.indexOf("landscape") !==-1 ){
var html_zoom = ( ( ( $(window).width() - 10 ) / 970 ) * 100 ) + '%';
console.log(html_zoom);
$('html').css('zoom', html_zoom);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment