It is necessary for the links in the adaptive menu to add internal indents. What units to choose: rem / em or % ? How to proceed further with the menu when reducing the screen size:

  1. Reduce the size of the text and, accordingly, indents, and if it is impossible to reduce, change the position of menu items (eg: from horizontal to vertical)?
  2. Set indents in%, and if it is impossible to further reduce them, change the position of menu items?
  • 2
    units of measure catching what to choose? horizontal fields - do you mean border ? it would be nice to see at least an image from the menu - webDev_
  • Means padding. Now there is no possibility to add an example. This is a menu consisting of 6 points located in one row. - A. Gr
  • 2
    I also do not fully understand the question, draw a schematic layout (albeit the simplest one) that there are horizontal fields for пунктов расположенных в один ряд . Как правильно поступить в дальнейшем с меню при уменьшении размеров экрана: Consider the option to completely hide it (in the mobile version), and add a button that when clicked, the menu will appear (basic example codepen.io/alexandr-kazakov/pen/vywEbJ ) - Alexander Kazakov
  • @ A.Gr padding is an internal indent, not a horizontal margin. - qpeela

1 answer 1

rem - work relative to the root element (html) em - relative to the current context

If you do not reduce the base font size on mobile devices, then there is no point in using rem. It is just needed to control the size relative to the root element.

  1. Better than the second option. Media queries for what.