|
|
|
|
|
|
by max_luster
4487 days ago
|
|
|
The idea of using calc and VW units to linearly increase the font size is pretty cool. On real sites, though, it's important to keep control over exactly when the increases in scale are triggered. I'll set up some breakpoints just for the root font-size shifts, and have other breakpoints coordinated with additional layout changes I make within a design. The scaling and breakpoint settings tend to be unique between designs and non-linear. I'm going to follow up to this post soon with a SASS mixin that gets around the @media query code bloat and lets you coordinate with globally named breakpoints. |
|
|
I flatly disagree with this. It is typical for some significant alterations of layout to take place somewhere in scaling it down, but that is not incompatible with something like this. It is entirely feasible to have most of your responsive design using a technique like this but at a certain point change the layout; also, the font-size need not be a globally continuous function; it's entirely reasonable to have local discontinuities where you adjust the m or c of font-size = m x + c for a range of widths.