selbekk
/ styles.scss
Created
August 6, 2015 07:36
— forked from pburtchaell/styles.css
VH and VW units can cause issues on iOS devices. To overcome this, create media queries that target the width, height, and orientation of iOS devices.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin vh($heightPercentage) { | |
| /** | |
| * VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units | |
| * | |
| * To overcome this, create media queries that target the width, height, and orientation of iOS devices. | |
| * It isn't optimal, but there is really no other way to solve the problem. | |
| * | |
| * iOS Resolution Quick Reference: http://www.iosres.com/ | |
| * | |
| * Original gist at from here: https://gist.github.com/pburtchaell/e702f441ba9b3f76f587 |