Пытаюсь спроектировать сайт с адаптивной верской. А именно подгонять размер шрифта под размер экрана, так, чтобы на любом экране в строке было примерно одинаковое кол-во слов/символов. Как лучше/правильней/кроссбраузерней это сделать? Пока я представляю себе это так: в css тегу <html> задаем некий базовый размер шрифта, например 20px, а далее при помощи @media(max-width) назначем размеры шрифта тегу <body>(а остльные будут плясать от родителя в em) в rem. И тут возникают вопросы: 1) Какой размер шрифта в html по умолчанию? Может в зависимости от девайса - там уже все как надо? Или лучше сразу назначать размер тегу html в зависимости от экрана, а CSS всем прописывать в rem? В сети нашел пример: html { font-size: 62.5%; } Что это значит? 62,5% от чего? И еще одна непонятность: с размером шрифта стратегия хотябы понятна. А как быть с контентом и кнопочками менишечками всякими. Сейчас у среднистатистического смартфона разрешение больше чем у среднистатистического ноута например. Поэтому @media(max-width) не подайдет. По @media handheld - мало информации: судя по документации это свойство срабатывает на каких-то КПК. Как определить на 100% что девайс смарфон?
