масштабирование шрифта в зависимости от ширины контейнера

я трудное время получить мою голову вокруг масштабирования шрифта.

this sitefont-size

в настоящее время у меня с телом 100%. 100% того, что хотя? это кажется, что вычислять в 16 пикселов.

я был под впечатлением, что 100% будет как-то связан с размером окна браузера, но, видимо, не потому, что это всегда 16px и ли изменении размера окна вниз к ширине мобильный или полноценный широкоформатный рабочий стол.

em

как я могу сделать текст на моем уровне территории в отношении своего контейнера? я пытался использовать, но это не масштаб либо.

font-size.menuitem

моя аргументация заключается в том, что такие вещи, как мое меню становятся хлюпал при изменении размеров, так что мне нужно уменьшить пикселей среди прочих элементов в зависимости от ширины контейнера. (например, в меню на большом столе, прекрасно 22px работает. вниз для планшета ширины и 16px более уместен.)

я в курсе, могу ли я добавить точки останова, но я действительно хочу, чтобы текст для масштабирования, а также имеющие дополнительные точки останова, в противном случае я в конечном итоге с сотнями точек останова для каждого уменшения 100 пикселей в ширину, чтобы контролировать текст.