Форум программистов и сисадминов CyberForum.ru
Вернуться   Форум программистов и сисадминов CyberForum.ru > Форум Форум web-программистов > Форум HTML, CSS
Восстановить пароль Регистрация

Ответ Создать новую тему
 
Старый 16.09.2013, 11:03   #1
romanoid
Форумчанин
 
Регистрация: 08.04.2013
Сообщений: 114
Репутация: 9 (9)
Авто уменьшение текста / HTML, CSS

Всем привет, подскажите пожалуйста как сделать так чтобы при уменьшении экрана текст тоже уменьшался. Искал долго и упорно не нашел.
Старый 16.09.2013, 13:45   #2
Justff
Форумчанин
 
Регистрация: 12.08.2013
Сообщений: 141
Репутация: 37 (37)
Авто уменьшение текста

Цитата Сообщение от 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>
Другие темы раздела Форум HTML, CSS. Обсуждение языка разметки HTML и каскадных таблиц стилей CSS. Верстка страниц.
Фоновая картинка на всю ширину блока в IE HTML, CSS
Как растянуть на всю ширину блока фоновую картинку в IE7-8?
HTML, CSS два обзаца на кнопке
есть кнопка <input type="submit" value="Построить график" style="width:124px; border: solid 3px #73C8F0; border-radius: 40px 5px; height:65px;background-image:url(/Content/images/Plotsmale.png);"/> Как сделать чтобы надпись "Построить график" была в 2 строчки ,а ни в одну?
Старый 16.09.2013, 17:27  [ТС]   #3
romanoid
Форумчанин
 
Регистрация: 08.04.2013
Сообщений: 114
Репутация: 9 (9)
Авто уменьшение текста / HTML, CSS

Justff, Спасибо большое, хороший пример!!!
Старый 16.09.2013, 17:27
Yandex
Объявления
После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
Ответ Создать новую тему

Похожие темы
Тема Автор
ActionScript увеличение/уменьшение размера текста
Здравствуйте, помогите пожалуйста! Такая задача: Сделать чтоб одна кнопка увеличивала размер (кегль) текста на 1 пункт, а другая уменьшала. Пока текст делается 1-м кеглем при нажатии на обе кнопки. Наверно надо ещё как-то получить текущее значение размера шрифта и к нему прибавлять/убавлять...
Yulia_V
MS Access Авто изменение размера полей, подчиненной формы в зависимости от длины текста
Здравствуйте. Можно ли сделать так, чтобы автоматически устанавливались размеры полей,полей со списком,а также размер подчиненной формы, содержащей такие поля, в зависимости от длины выводимого текста ? То есть пользователь переходит по записям главной формы, а когда отражаются связанные записи...
Hozzz
MS Access создать поле с авто подстановкой текста
Добрый день. Столкнулся с такой проблемой: В главной форме имеются поля со списком, данный для которых берутся из таблицы ( СрИзмерения). При выборе значения в этом поле необходимо чтобы во втором поле значение автоматически подставлялось из этой же таблицы. с числами все хорошо получилось, а с...
KbiCb
С++ для начинающих Описать базовый класс автомобиль и от него наследуются классы: грузовые авто, уборочные авто, спортивные авто
Всем привет!:) хочу спросить кто нибудь писал программы с наследованием на С++? Интересны задачи типа : "Описать базовый класс автомобиль и от него наследуются классы: грузовые авто, уборочные авто, спортивные авто(у каждого наследованного класса есть свойства базового и у каждого наследованного...
Electroflower
PHP для начинающих Авто уменьшение картинки
<img class="mini" align="left" width="64" height="64" src='.$myrow1.'> Если делать так при этом если в $myrow1 попадает ссылка на картинку (прямая ссылка с другого источника), разве этот код не должен автоматически уменьшать любую картинку до 64х64?
Onehp
Опции темы

Текущее время: 16:10. Часовой пояс GMT +4.

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.7 PL3
Copyright ©2000 - 2014, vBulletin Solutions, Inc.