Я пытаюсь разработать мобильную версию своего веб-приложения, и у меня возникают проблемы с тем, чтобы она хорошо смотрелась в нескольких браузерах. Я полагаю, что если я использую какое-то обнаружение возможностей устройства, я могу динамически генерировать ширину и размер шрифта в зависимости от размера экрана конкретного устройства. Проблема в том, что кажется, что мобильный браузер не обрабатывает 1px ширины CSS равной 1px ширины экрана. На iPhone с шириной экрана 320px тег body шириной 320px занимает всего 1/4 страницы. Из-за отсутствия реальной системы отсчета мне трудно сказать: «На экране шириной 320 пикселей создайте шрифт 16 пикселей» или что-то в этом роде. Есть ли какое-то общее эмпирическое правило, которое я могу использовать для расчета реальной ширины браузера в CSS, или какое-либо вычисление с использованием возможностей нескольких устройств, которые помогут мне более эффективно генерировать динамический CSS?
Спасибо
Mike