Fonts are relative to the root element, and can be effected by font sizes applied to parent elements (compounding). Ems and percentage sizes will compound. Rem units will not. Font won't scale like images. There are a few script solutions but I dislike them.
On Sunday, August 24, 2014, Elli Vizcaino <e7f...@gmail.com> wrote: > Hello CSS Discuss, > > I'm trying to understand how relative font sizes resize in the browser > because they don't seem to resize proportionately to their containing > element the way a responsive background image would. The background > image logo on this page: http://www.e7flux.com/e7flux2014/2222.html > resizes up or down according to the browser window where as the fonts > only resize according to the percentages set in the media queries > depending on breakpoint even though they are contained in elements > with percentage base widths. > > Is there anyway to get font sizing to resize proportionately based on > containing element width? > > > > Elli Vizcaino > http://www.e7flux.com > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org <javascript:;>] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
