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

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

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

PS: Пробовал задавать размер в em, %, и не добился нужного результата.
  • Вопрос задан
  • 298 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 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
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Перенести сайт с правками на другую платформу
26 нояб. 2024, в 10:57
40000 руб./за проект
Распознать подделку PDF файла от оригинального чека PDF
26 нояб. 2024, в 10:25
300000 руб./за проект
Нужно найти список всех 2-5 этажек рф
26 нояб. 2024, в 10:24
500 руб./за проект
Ещё заказы