Почему calc не переоценивается, когда он используется для font-size?

Обратите внимание: если вы используете более старую версию браузера webkit, проблема отсутствия изменения размера действительно может возникнуть. См. этот пост. (Прокрутите до «Ошибки!»)

Поддержка есть в Chrome 20+ / Safari 6+, но она терпит неудачу в одном довольно существенном случае. При изменении размера окна браузера шрифт не настраивается в соответствии с новым размером области просмотра. В спецификации говорится:

Когда высота или ширина окна просмотра изменяется, они соответственно масштабируются. Я прослушал это. Возможно, это не большая катастрофа, поскольку в значительной степени мы, ботаники-дизайнеры, занимаемся настройкой окон браузера, но все же. Шрифт корректируется при новой загрузке страницы.

Чтобы решить эту проблему (разрешить изменение размера без обновления страницы), вам нужно вызвать «перерисовку» элемента. Я использовал jQuery и просто повозился с каждым элементом (в данном случае неактуальным) значением z-index, которое запускает перерисовку.

causeRepaintsOn = $("h1, h2, h3, p");

$(window).resize(function() {   causeRepaintsOn.css("z-index", 1); });

ОБНОВЛЕНИЕ: больше не беспокойтесь об этом и определенно не форсируйте эти перекраски. Эта проблема с изменением размера исправлена ​​в Chrome 34+ и Safari 7+. Изменить размер области просмотра на мобильных устройствах не принято, поэтому я не уверен, повлияла ли эта ошибка на них или нет.