Skip to content
An easy to use library that makes vh units work in iOS Chrome.
JavaScript HTML CSS
Branch: master
Clone or download
Latest commit 563ff5b Jan 18, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
images Add favicon Sep 21, 2017
javascript Test site functionality Sep 21, 2017
stylesheets Adjusted section height Sep 21, 2017
LICENSE Initial commit Sep 15, 2017 Update article link Jan 18, 2019
index.html Update links Jan 18, 2019


An easy to use library that makes vh units work in iOS Chrome.

vh-fix makes elements with vh units render more consistently in iOS Chrome. It's painless, tiny, and aims to be an easy choice for normalizing vh behavior. You can also read more about how and why I built vh-fix.


  1. Download vh-fix
  2. Insert <script src="path/to/vh-fix.js"></script>
  3. Add class="vh-fix" to elements using vh units


vh-fix aims to be painless, weightless, and easy to use. Currently the goals are to improve it upon those three metrics. In practice, this means removing the need for adding a class name to each vh element, keeping the file size tiny, improving upon its design, adding testing, and preparing it as a npm package. If you have any suggestions for these points or others, I would love to work with you!

You can’t perform that action at this time.