Как сделано автоматическое изменение размеров font-size в зависимости от размеров экрана?

Question

[syncher]

На этом сайте - mashable.com
Размеры заголовков автоматически изменяют свои значения в пикселях в зависимости от размеров экрана. Это у них самописный скрипт какой-то? Какие есть решения? FlowType.JS вроде бы ругают, какие есть аналоги? Как правильно такое реализовать? Может есть готовое решение в каком-то фреймворке?

Answer 1

[Sergei Nazarenko]

https://developer.mozilla.org/en/docs/Mozilla/Mobi...

https://developer.mozilla.org/en-US/docs/Web/CSS/@media

Comments

[syncher]

Что это и зачем это мне? Вы вопрос читали?

[Ilya Pasyuk]

syncher: не понимаю почему решение на css и media-queries не подходит, вопрос читал)

[syncher]

Ilya Pasyuk: посмотри как на том сайте работает, персчитывается попиксельно, когда ресайзишь окно.

Answer 2

[RoverWhite]

Насколько я вижу базовый фреймворк ReactJS
и сделан там скрипт изменения свойств компонентов в момент изменения размеров окна
а вот здесь обсуждается вопрос перерисовки интерфейса в момент ресайза окна на ReactJS
stackoverflow.com/questions/19014250/reactjs-reren...

Comments

[Kovalsky]

А разве там не шлюзы?

[RoverWhite]

Никита Полевой: не знаю что такое шлюз в данном контексте. Но, если взять Google Chrome открыть developer tools и поставить brake на изменение атрибутов заголовка который ресайзится при изменении размеров окна, то далее через callstack четко видно куда ведет цепочка вызовов.

[syncher]

RoverWhite: куда ведет цепочка? Вы на том сайте проверили что это на Реакте сделано?

[Kovalsky]

RoverWhite: понятно, спасибо.

А CSS шлюз (CSS lock) это такая техника расчётов пиксельных значений в заданных диапазонах, next level shit)