1

Необходимо ссылкам в адаптивном меню добавить внутренние отступы. Какие единицы измерения выбрать: rem/em или %? Как правильно поступить в дальнейшем с меню при уменьшении размеров экрана:

  1. Уменьшить размер текста и, соответственно, отступов, а при невозможности уменьшения, изменить положение пунктов меню (н-р: с горизонтального на вертикальное)?
  2. Задать отступы в %, а при невозможности их дальнейшего уменьшения изменить положение пунктов меню?
4
  • 2
    единицы измерения ловя чего какие выбрать? горизонтальные поля - это типа border имеете ввиду? было бы хорошо увидеть хотя бы изображение с меню
    – webDev_
    17 фев 2017 в 23:04
  • Имеется ввиду padding. Сейчас нет возможности добавит пример. Речь идёт о меню состоящем из 6-и пунктов расположенных в один ряд.
    – A. Gr
    17 фев 2017 в 23:16
  • 2
    Мне также не до конца понятен вопрос, нарисуйте схему-макет(пусть и самую простую), что там за горизонтальные поля, для пунктов расположенных в один ряд. Как правильно поступить в дальнейшем с меню при уменьшении размеров экрана: Рассмотрите вариант полностью его скрыть(в мобильной версии), и добавить кнопку, при нажатии на которую, меню будет появляться( базовый пример codepen.io/alexandr-kazakov/pen/vywEbJ ) 19 фев 2017 в 1:24
  • @A.Gr padding это внутренний отступ, а не горизонтальные поля.
    – qpeela
    10 мар 2017 в 7:57

1 ответ 1

2

rem - работают относительно корневого элемента (html) em - относительно текущего контекста

Если вы не уменьшаете базовый размер шрифта на мобильных устройствах, то нет смысла использовать rem. Он как раз и нужен для управления размером относительно корневого элемента.

  1. Лучше так, чем второй вариант. Медиа запросы для чего.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.