2012-02-18 6 views
1

Я установил свой шрифт страницы в font-size: 0.6875em;. Теперь мне было интересно, потому что, поскольку я использовал проценты для ширины и заполнения для всех моих DIVS, мой размер текста уменьшится, как мой DIVS, когда я изменяю размер браузера, перетаскивая окно (не с функцией JavaScript)?Возможно, размер текста будет автоматически уменьшаться при изменении размера браузера?

Кажется, нет! Я знаю, что я могу добавить запросы на CSS-материалы и, вероятно, для этого есть инструмент JavaScript/jQuery, но могу ли я автоматически уменьшить размер текста, когда пользователь перетаскивает угол браузера и уменьшает (или увеличивает) размер окна или должен использовать JS/CSS медиа-запросы?

Любые советы будут оценены.

Благодаря

+2

'em' всегда относительная единица, основанная на размере шрифта (обычно на основе унаследованного размера шрифта). Если вы хотите что-то всегда масштабировать, используйте другое устройство (но это почти наверняка неправильно), если кто-то уменьшит окно просмотра до 1/4 его размера, они не склонны ожидать, что текст также уменьшится) –

ответ

0

Да, вы можете использовать медиа-запросы:

@media screen and (min-width: 640px) { body { font-size:12px; }} 

Здесь, когда размер окна браузера становится по меньшей мере 640 или ниже, размер шрифта будет 12px.

Вам необходимо настроить min-width и CSS-селектор согласно вашему требованию.

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

Дополнительная информация:

+0

Но мне нужно? Будет ли текст автоматически изменяться по размеру, как это делают DIV? –

+0

@MikeSav: Да, размер браузера будет меньше, чем указано в 'min-width', как показано выше. – Sarfraz

0

Нет, это невозможно без JS запросов/СМИ. Проценты всегда применяются к унаследованному/начальному размеру шрифта.

+0

Могу ли я установить размер шрифта в процентах вместо ems или мне просто нужно бить пулю и использовать JS/media-запросы? –

+1

Извините, я не был ясен. Я хотел сказать, что можно установить процент как размер шрифта, но этот процент не относится к любой ширине или высоте, а к размеру шрифта родителя. Это означает, что он постоянный, так что это бесполезно. – user123444555621

Смежные вопросы