Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

Jlokys

  • 1
    вклад
  • 10
    вопросов
  • 1
    ответ
  • 0%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как сделать адаптивный текст в блоке фиксированной ширины?

    Jlokys @Jlokys
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    div.example {
      background-color: lightgrey;
      padding: 20px;
    }
    
    @media screen and (min-width: 601px) {
      div.example {
        font-size: 80px;
      }
    }
    
    @media screen and (max-width: 600px) {
      div.example {
        font-size: 30px;
      }
    }
    </style>
    </head>
    <body>
    
    <h2>ратата</h2>
    
    <div class="example">ТEКСТ В БЛОКЕ</div>
    
    
    
    </body>
    </html>

    Так вам нужно? Вот пример, у вас скорее всего текст не в блоке находится
    Ответ написан более года назад
    1 комментарий
    1 комментарий
Оценили как «Нравится»
Самые активные сегодня
  • Drno
    • 8 ответов
    • 0 вопросов
  • Rsa97
    Rsa97
    • 7 ответов
    • 0 вопросов
  • ThunderCat
    ThunderCat
    • 6 ответов
    • 0 вопросов
  • black1277
    black1277
    • 5 ответов
    • 0 вопросов
  • Максим Кравчук
    • 5 ответов
    • 0 вопросов
  • Надим Закиров
    • 4 ответа
    • 1 вопрос
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации