Форум программистов, компьютерный форум CyberForum.ru

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
Рейтинг: Рейтинг темы: голосов - 24, средняя оценка - 4.92
romanoid
9 / 9 / 0
Регистрация: 08.04.2013
Сообщений: 124
#1

Авто уменьшение текста - HTML, CSS

16.09.2013, 11:03. Просмотров 3592. Ответов 2
Метки нет (Все метки)

Всем привет, подскажите пожалуйста как сделать так чтобы при уменьшении экрана текст тоже уменьшался. Искал долго и упорно не нашел.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.09.2013, 11:03     Авто уменьшение текста
Посмотрите здесь:

Непропорциональное уменьшение текста при масштабировании - HTML, CSS
Имеем контейнер с другими контейнерами внутри - в которых текст. При уменьшении масштабирования - текст уменьшается не пропорционально, в...

Плавное уменьшение img с уменьшение блока (адаптивно) - HTML, CSS
При уменьшении окна браузера, уменьшать пропорционально картинку в div'e или сам div и картинку в нём, коим образом? <div class="popup...

Уменьшение фона - HTML, CSS
значит есть у меня фон большого размера для того чтобы вставлять в ссылки , выглядит как кнопка и так как кнопки будут разных размеров то и...

При уменьшение странички - HTML, CSS
Вот такой вопрос. У меня есть горизонтальное меню. Там есть пункты меню, которые состоят из двух слов. Например: Вымыть машину, купить...

Уменьшение части изображения - HTML, CSS
Есть файл со спрайтами. Там каждая иконка 75x75px. Мне нужно взять первую и вместить ее в footer сжав её до 50х50px. Как это сделать?

увеличение - уменьшение изображения - HTML, CSS
пример вот здесь - http://www.el-tuning.ru/index.html сделать средствами HTML

Уменьшение картинки и сохранение пропорций - HTML, CSS
Добрый день, есть сайт, и когда пользователь регистрируется то он может поставить себе аватару, подскажите если например аватарка...

Увеличение и уменьшение размера <div>'a - HTML, CSS
Такое дело: тело страницы делится на 2 части по длине, в первой части есть меню. Нажимаем на синюю часть(пункт) меню, выпадает зеленый...

Пропорциональное уменьшение фона по высоте - HTML, CSS
Здравствуйте, как сжать фон-картинку по высоте блока если высота и ширина картинки превышает высоту блока? &lt;!DOCTYPE html&gt; &lt;html...

Плавное увеличение и уменьшение изображения - HTML, CSS
Вечер добрый, есть такой код: .entry-thumbnail:hover{ transform: scale(1.1); overflow: hidden; filter: contrast(10%); ...

пропорциональное уменьшение картинки по двум сторонам - HTML, CSS
Нужно пропорционально уменьшить картинку но так чтобы она была не более 100px по высоте но и не более ширины дива в котором она...

Уменьшение высоты картинки без сплющивания - HTML, CSS
Возможно ли уменьшить высотe картинки без сплющивания средствами css?


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

Или воспользуйтесь поиском по форуму:
После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
Justff
45 / 57 / 4
Регистрация: 12.08.2013
Сообщений: 329
16.09.2013, 13:45     Авто уменьшение текста #2
Цитата Сообщение от romanoid Посмотреть сообщение
Всем привет, подскажите пожалуйста как сделать так чтобы при уменьшении экрана текст тоже уменьшался. Искал долго и упорно не нашел.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
 <style type="text/css">
        @media all {html {font-size: 24px;}}@media all and (max-width:2200px){html {font-size: 27px;}}@media all and (max-width:1800px){html {font-size: 26px;}}@media all and (max-width:1400px){html {font-size: 25px;}}@media all and (max-width:1000px){html {font-size: 24px;}}@media all and (max-width:960px){html {font-size: 23px;}}@media all and (max-width:920px){html {font-size: 22px;}}@media all and (max-width:880px){html {font-size: 21px;}}@media all and (max-width:840px){html {font-size: 20px;}}@media all and (max-width:800px){html {font-size: 19px;}}@media all and (max-width:760px){html {font-size: 18px;}}@media all and (max-width:720px){html {font-size: 17px;}}@media all and (max-width:680px){html {font-size: 16px;}}@media all and (max-width:640px){html {font-size: 15px;}}@media all and (max-width:600px){html {font-size: 14px;}}@media all and (max-width:560px){html {font-size: 13px;}}@media all and (max-width:520px){html {font-size: 12px;}}
        body {
          max-width:1000px;
          min-width:520px;
          line-height:1.33em;
          margin:1em;
          background-color:#f7f7f7;
          font-family:Source Sans Pro;
          color:#361800;
        }
    </style>
romanoid
9 / 9 / 0
Регистрация: 08.04.2013
Сообщений: 124
16.09.2013, 17:27  [ТС]     Авто уменьшение текста #3
Justff, Спасибо большое, хороший пример!!!
Yandex
Объявления
16.09.2013, 17:27     Авто уменьшение текста
Ответ Создать тему
Опции темы

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