Нужно было сохранять внешний вид страницы на разных разрешениях экрана, то есть на разных устройствах. Если для блоков можно выставить позиционирование относительно родительского блока, то с размерами шрифта все хуже, они средствами css не масштабируютья. Можно как вариант использовать JS для этих целей, но можно и css обойтись. Нынче это не так уж сложно, достаточно использовать медиа-потоки и приближение. Например:
@media screen and (min-width: 400px) and (max-width: 600px) {
body {
zoom: .35 !important; /* Old IE only */
-moz-transform: scale(0.35);
-webkit-transform: scale(0.35);
transform: scale(0.35);
}
}
@media screen and (min-width: 600px) and (max-width: 800px) {
body {
zoom: 0.45 !important; /* Old IE only */
-moz-transform: scale(0.45);
-webkit-transform: scale(0.45);
transform: scale(0.45);
}
}
И так далее. Возможно есть варианты получше, но этот работает.
