Skip to content

Instantly share code, notes, and snippets.

@mindhalt

mindhalt/rem-calibrate.css

Forked from brianblakely/rem-calibrate.css
Last active August 29, 2015 14:25
Show Gist options
  • Save mindhalt/e04b67e14c7df6332d4f to your computer and use it in GitHub Desktop.
Save mindhalt/e04b67e14c7df6332d4f to your computer and use it in GitHub Desktop.
Download ZIP
Simulate vw with rems
Raw
rem-calibrate.css
/* Android stock browser won't let you set font-size smaller than 8px unless you apply this. */
:root {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
}
Raw
rem-calibrate.js
/*
Place this within a <script> in your <head>, prior to your stylesheet
Then use rems instead of px globally - your site will scale 1:1 with viewport width
*/
function remCalibrate() {
document.documentElement.style.fontSize = window.innerWidth/100 + 'px';
}
remCalibrate();
window.addEventListener('resize', remCalibrate, false);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment