Резиновый font-size, Как сделать резионвый font-size в блоке?

@Schtrich · Регистрация: 13.08.2010

Студворк — интернет-сервис помощи студентам

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<HTML>
<HEAD>test</HEAD>
<BODY>
<style>
.test {
width: 20%;
height: 9%;
position: absolute;
left: 0;
top: 50px;
font-size: 100%;
border: 1px solid black;
}
</style>
<div class='test'>100$</div>
</BODY>
</HTML>

у блока .test выставлены %, потому что он тоже должен быть резиновым, как и размер текста внутри него, а так попробуйте расширить-сузить браузер, текст либо исчезает, либо остается тем же размером если допустим px выставишь, а должен иметь процентное соотношение, т.е. увеличиваться-уменьшаться вместе с размера окна? как видите font-size: 100%; меня не спасло, что делать?

live-code: http://jsfiddle.net/Stasonix/bm4Nb/1/

@assassin947 · 26.09.2011, 12:55

Здравствуйте. Если font-size задавать в процентах, то за 100% берется размер шрифта родительского элемента, а вовсе не его ширина. Попробуйте сделать это через jquery
http://dimox.name/dynamic-font-size-on-jquery/

@Qwertiy · 23.08.2013, 12:30

Поменялось что-нибудь за 2 года, или по-прежнему только джаваскрипт? Интересует задание шрифта относительно высоты или ширины контейнера (или его родителя).

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 11.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 10.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 09.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 09.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 09.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

@assassin947 9 / 9 / 1 Регистрация: 06.08.2010 Сообщений: 56
	26.09.2011, 12:55
	Здравствуйте. Если font-size задавать в процентах, то за 100% берется размер шрифта родительского элемента, а вовсе не его ширина. Попробуйте сделать это через jquery http://dimox.name/dynamic-font-size-on-jquery/ 0

@Qwertiy 835 / 643 / 101 Регистрация: 20.08.2013 Сообщений: 2,524
	23.08.2013, 12:30
	Поменялось что-нибудь за 2 года, или по-прежнему только джаваскрипт? Интересует задание шрифта относительно высоты или ширины контейнера (или его родителя). 0