Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.79/67: Рейтинг темы: голосов - 67, средняя оценка - 4.79
Schtrich
weboman
210 / 195 / 63
Регистрация: 13.08.2010
Сообщений: 1,531
Записей в блоге: 6
1

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

26.09.2011, 09:17. Просмотров 12234. Ответов 2

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/
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
26.09.2011, 09:17
Ответы с готовыми решениями:

font-size 0
Здравствуйте. Столкнулся с такой проблемой. Есть сайт http://test.bricrb.by/...

Неуправляемый font-size
В файле media заданы размеры шрифтов в зависимости от ширины экрана: @media...

Применение стиля font-size:0
А вот интересно, зачем здесь .container { font-size: 0; /*fix white...

Использование font-size с величиной vmin
Доброго времени суток, есть проблема с использованием font-size: vmin видно...

Странности с font-size на разных разрешениях мониторов
Всем привет. Делаю сайт. Вот его адрес: musaget.net Тестировал его на всем,...

2
assassin947
9 / 9 / 1
Регистрация: 06.08.2010
Сообщений: 56
26.09.2011, 12:55 2
Здравствуйте. Если font-size задавать в процентах, то за 100% берется размер шрифта родительского элемента, а вовсе не его ширина. Попробуйте сделать это через jquery
http://dimox.name/dynamic-font-size-on-jquery/
0
Qwertiy
821 / 629 / 100
Регистрация: 20.08.2013
Сообщений: 2,524
23.08.2013, 12:30 3
Поменялось что-нибудь за 2 года, или по-прежнему только джаваскрипт? Интересует задание шрифта относительно высоты или ширины контейнера (или его родителя).
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
23.08.2013, 12:30

Что не так с font-size для мобильных устройств?
По-идее должен быть размер шрифта в 16px, но его тогда вообще не видно,...

кросс css для FF и Chrome стиль font-size
для FF font:small-caps bold 11px/20px Tahoma; и для Chrome...

Почему при изменении font-size тормозит страница?
У меня есть таблица с большим количеством элементов, есть так-же анимированные...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru