Несколько причин, по которым текст в компьютерных приложениях может отображаться меньше, чем на мобильных устройствах:

• Соотношение пикселей устройства к пикселям CSS. 1 На мобильных устройствах оно обычно несколько, например, 4:1. 1 Это означает, что на пиксель CSS приходится несколько пикселей устройства. 1 При разработке сайта на настольном компьютере указывают ширину элемента в CSS-пикселях, а почти на всех настольных мониторах соотношение пикселей устройства к пикселям CSS равно 1:1. 1 Без соответствующего метатега элемент будет нарисован на холсте шириной CSS, а не устройства, что создаёт видимость уменьшенного масштаба сайта на мобильном устройстве. 1
• Использование абсолютных значений размера шрифта. 4 Для разных платформ используются разные значения по умолчанию для 100%. 4 Например, на настольных компьютерах это 16px, а в мобильных браузерах часто 24px. 4 Если определить размер шрифта одного элемента в абсолютном значении, он не будет масштабироваться вместе с остальными элементами, которым не назначено значение или относительное значение. 4

Также текст в мобильной версии может отображаться меньше, если почтовый клиент не поддерживает медиазапросы, заложенные в вёрстке. 3