Как изменить размер текста в браузере?

Question

Как это сделать, чтобы при изменении окна браузера текст корректировался? В настоящий момент текст слишком большой для ящиков, когда я их сжимаю.

Answer 1

Использование медиа-запросов.

/* styles for desktop viewing could go here */ 
@media screen and (min-width:1025px) { 
    body { 
     font-size:24px; 
    } 
} 

/* styles for a tablet could go here */ 
@media screen and (min-width:768px) and (max-width:1024px) { 
    body { 
     font-size:16px; 
    } 
} 
/* styles for mobile devices in landscape mode could go here */ 
@media screen and (max-width:767px) and (orientation:landscape) { 
    body { 
     font-size:12px; 
    } 
} 

Таким образом, вы должны поместить нужные стили для любого размера окна в любое количество медиа-запросов. Просто отрегулируйте значения max-width и min-width соответственно. Кроме того, было бы неплохо проверить официальную документацию для медиа-запросов, чтобы получить исчерпывающий доступ ко всем доступным параметрам.

http://www.w3.org/TR/css3-mediaqueries/

Что касается совместимости браузера, вы должны использовать чеки, чтобы сказать, будет ли или не браузер поддерживает медиа-запросы. У многих людей есть проблемы с IE, особенно с более старыми версиями. Ниже приведен пример проверки для Internet Explorer 8.

<!--[if IE 8]> 
... 
<![endif]-->