diff options
| author | Martijn Cuppens <MartijnCuppens@users.noreply.github.com> | 2017-12-25 18:16:53 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-12-25 18:16:53 +0300 |
| commit | 12b2d5f6fe8452a0e7ccf3bbca6729ff6bda6809 (patch) | |
| tree | 55012ea245a4643b90dc6faf3cd461e1fc08ea3a | |
| parent | a5697c63dc2d7bea7265c6b87beba9a78c19507f (diff) | |
Safari iframe issue fix
| -rw-r--r-- | README.md | 6 |
1 files changed, 6 insertions, 0 deletions
@@ -108,6 +108,12 @@ Enabling the two dimensional media queries will determine the font size based on `vmin`. This prevents the font size from changing if the device toggles between portrait and landscape mode. *Default value: `false`* +## Known issues +Safari doesn't recalculate the value of vw in a calc()-function for font-sizes in iframes if the min-width, max-width or width is not set in vw after the iframe is resized (edge case, but this is the case for Codepen demo's). Adding this line will solve this: +```css +_::-webkit-full-page-media, _:future, :root * {min-width: 0vw;} +``` + ## Best practices - Remember to set RFS on your font size of your `html` or `body`, otherwise some text may not dynamically rescale. Note that setting RFS on `html` will influence the value of `rem`. |