Размер шрифта до окна

Question

Я ищу подходящий размер шрифта для своей страницы. В настоящее время я устанавливаю его в -webkit-xxx-large, так как это идеально подходит для моего окна.

Что мне нужно, это текст, который будет помещаться внутри ширины окна (не суетится по высоте) независимо от размера окна.

Пример:
1920px Window Width - font-size: -webkit-xxx-large
480px ширина окна - font-size: large

ли он использует Javascript/JQuery или если это просто CSS это не беспокоит меня. Мне просто нужен подходящий одноразовый для всех.

Answer 1

Попробуйте media query с помощью @media как (IE support)

body { 
    font-size: -webkit-xxx-large 
} 
@media screen and (max-width: 480px) { 
    body { 
     font-size: large; 
    } 
} 

Demo: Fiddle - уменьшить ширину панели результатов

Answer 2

Не используйте константы размера. Найдите значение, основанное на шкале em, и оно будет работать для разных размеров экрана.

Answer 3

Текст может быть больно точно. BigText - это хорошая библиотека Javascript, которая может легко довести ее до 1/100-й из них для вас.

Answer 4

Вы можете посмотреть в нечто вроде: http://simplefocus.com/flowtype/

Хотя я бы не рекомендуйте это для вашего основного текста, поскольку медиа-запросы, вероятно, будут достаточными и дадут вам больше контроля. Меньше на маленьких экранах не всегда лучше.