diff options
| author | Martijn Cuppens <martijn.cuppens@intracto.com> | 2017-11-14 23:33:49 +0300 |
|---|---|---|
| committer | Martijn Cuppens <martijn.cuppens@intracto.com> | 2017-11-14 23:33:49 +0300 |
| commit | 44e2d91dd1f706223e666e5e7fa19aaeaf61b99e (patch) | |
| tree | a9398e0bdc254aad582cbdea1789522bf6011361 | |
| parent | 9e9df34110ad27b38ac5111f925031b8c55bfb2e (diff) | |
Do's en don'ts section
| -rw-r--r-- | README.md | 4 |
1 files changed, 4 insertions, 0 deletions
@@ -95,6 +95,10 @@ This value determines the strength of font size resizing. The higher `$rfs-facto Enabling the two dimensional media queries will determine the font size based on the smallest side of the screen with `vmin`. This prevents the font size from changing if the device toggles between portrait and landscape mode. *Default value: `false`* +## Do's and don'ts +- Remember to set rfs on your font-size of your `html` or `body`, otherwise some text may not dynamically rescale +- Always set your line-heights relative (in `em` or unitless) +- More tips and tricks with examples can be found [on this article](https://medium.com/@martijn.cuppens/magic-font-resizing-with-rfs-b5d781296dd6) ## Demos - [Simple Codepen Demo](http://codepen.io/MartijnCuppens/pen/ZBjdMy) |