Существует другой подход к гибким размерам шрифтов - с использованием модулей rem.
html {
/* base font size */
font-size: 16px;
}
h1 { font-size: 1.5rem; }
h2 { font-size: 1.2rem; }
Позже в запросах мультимедиа вы можете отрегулировать все размеры шрифтов, изменив размер базового шрифта:
@media screen and (max-width: 767px) {
html {
/* reducing base font size will reduce all rem sizes */
font-size: 13px;
}
/* you can reduce font sizes manually as well*/
h1 { font-size: 1.2rem; }
h2 { font-size: 1.0rem; }
}
Чтобы выполнить эту работу в IE7-8, вам придется добавить резервную копию с единицами px:
h1 {
font-size: 18px;
font-size: 1.125rem;
}
Если вы разрабатываете с помощью LESS, вы можете создать mixin, который будет выполнять математику для вы.
Поддержка модулей Rem - http://caniuse.com/#feat=rem
Я нашел и протестировал следующее решение:
http://www.djangosnippets.org/snippets/1911/
Работает с ForeignKeys, но не работает с отношениями ManyToMany.