Я пытаюсь создать мобильную версию простого сайта, но у меня проблема с очень разными размерами шрифта в зависимости от браузера (я тестирую на Android только сейчас, и у меня нет доступа к iPhone). В моем CSS в настоящее время у меня есть следующий код, но я также изменил размер шрифта, чтобы использовать проценты и пиксели с теми же результатами. Первый снимок экрана ниже показывает страницу в браузере Dolphin, который, очевидно, использует движок Webkit. Насколько я могу судить, в браузере Maxthon, который также является Webkit, он выглядит аналогично. Это слишком мало для чтения. Второй снимок показывает это в Chrome. В Firefox он находится где-то посередине между этими двумя и доступен для чтения. Я видел другие посты о шрифтах, отображаемых по-разному, но никогда с такой кардинальной разницей. Как это можно исправить?
html, body {
font-family: Georgia, serif;
font-size: 1em;
}
