Задать вопрос
@lan143
css

Как сделать масштабируемый отступ?

Здравствуйте. Есть блоки, размер которых задается внутренним содержимым. Блоки типа inline-block, имеют padding по краям в 6px. И есть проблема: если крутить масштаб в браузере в меньшую сторону, например, размер блоков пересчитывается и уменьшается, но отступы остаются такого же размера как и были. Каким образом можно сделать их изменение при изменении масштаба?

PS: Пробовал задавать размер в em, %, и не добился нужного результата.
  • Вопрос задан
  • 306 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@lan143 Автор вопроса
Вот пример с em:
<html>
    <head>
        <style>
            body {
                font-size: 12px;
            }
        
            ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }
            
            ul li {
                display: inline-block;
                padding: 0 0.5em;
            }
        </style>
    </head>

    <body>
        <ul>
            <li>Test</li>
            <li>Test</li>
            <li>Test</li>
            <li>Test</li>
            <li>Test</li>
            <li>Test</li>
            <li>Test</li>
        </ul>
    </body>
</html>


3c2fb210e35a4a67831d53b80a7838da.pngdd0071a71aaa434199ea14af0e1849f3.png
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Ещё вакансии