Как сделать резиновый текст?

[Sankaboy]

Привет. К примеру я заюзал резиновый бэкграунд, пару блоков на процентах. Но текст при изменении размера окна браузера или же размера монитора(не важно) остается одним и тем же. Как сделать чтобы текст тоже сжимался, разжимался(менялся размер текста)?

 

[dandandan]

Парни, не флудите. Нормально задан вопрос.

Сделать можно на java script. Опрашиваем ширину и/или высоту каждого из блоков и в соответствии с ней задаем нужный размер шрифта. Предварительно нужно создать какие-то условия в зависимости от которых будет выбираться нужный размер шрифта.

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

 

[MrJenika]

Для просмотра ссылки Войди или Зарегистрируйся на jquery по вашей теме.

 

[korkunov]

Вот очень кратко и наглядно: Для просмотра ссылки Войди или Зарегистрируйся
Ну и на Для просмотра ссылки Войди или Зарегистрируйсяболее ёмко...

 

[Kol0book]

Все верно

@media screen and (max-width: 960px) {font-size: 20px}

Только для старых браузеров css3 не прокатит

<script>
function resize() {
var width = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth))
var tt = document.getElementById('text')
if (width < 1024)
tt.className = 'mintext'
else
tt.className = 'maxtext'
}
window.onresize = resize
window.onload = function () {resize()}
</script>
<style>
.mintext{font-size: 12px;}
.maxtext{font-size: 14px;}
</style>
<div id="text">Какой-то там текст</div>

 

[gogikman]

CSS3 Media Queries - самый оптимальный вариант для решения такой задачи

 

[vava1]

Что за бред вы советуете? А как же em, %??? этого достаточно, ну можно еще @media

 

[zerofirefox]

Хорошая статья по теме
Для просмотра ссылки Войди или Зарегистрируйся и Для просмотра ссылки Войди или Зарегистрируйся

 

[maxi2013]

Вот прочти эту статейку Для просмотра ссылки Войди или Зарегистрируйся

 

[aaliseyko]

Что за бред вы советуете? А как же em, %??? этого достаточно, ну можно еще @media

Не достаточно, потому что и em и % задают высоту от "базы". Если при ресайзе база не меняется, то и остальное соответственно тоже.

Я бы смотрел в сторону @media и JS, благо браузер можно прочекать на предмет поддержки чего бы то ни было. Хотя и на это можно не заморачиваться особо, ибо нечего из-за 0,000000001% (утрирую) пользователей напрягать остальных проверкой поддержки современности браузера.