Всем привет, чтобы сайт выглядел одиннаково на разных диагоналях и разрешениях в css стоит лучше задавать размеры в % или использовать media? Я понимаю, что их вероятно комбинируют, однако в таком случае мне не понятно как. Например: есть кнопка, если я использую media, то ей размеры задавать в px или %? Еще хотел узнать на счет шрифта: его тоже в px или %?
Вопрос о том, как задавать размеры элементов и шрифтов на сайте, зависит от конкретных требований и дизайна проекта.
Использование процентов (%) для задания размеров элементов может быть полезным, если вам нужно, чтобы элементы масштабировались пропорционально при изменении размеров окна браузера или на разных устройствах. Например, вы можете использовать % для задания ширины блока или кнопки, чтобы они автоматически адаптировались к разным разрешениям экрана.
С другой стороны, использование медиа-запросов (media queries) позволяет вам более точно контролировать стили на разных разрешениях экрана. Вы можете определить разные стили для разных диапазонов ширины экрана и применять их при необходимости. Например, вы можете задать фиксированный размер кнопки в пикселях (px) для маленьких экранов и использовать % или другие единицы измерения для больших экранов.
Относительно шрифтов, также можно использовать как пиксели (px), так и проценты (%). Опять же, выбор зависит от ваших потребностей и предпочтений. Использование % позволяет шрифту масштабироваться вместе с элементом, к которому он применяется, в то время как фиксированный размер в пикселях может быть полезен для точного контроля над внешним видом шрифта.
Комбинация использования процентов и медиа-запросов может быть наиболее эффективным подходом. Вы можете задавать размеры элементов в %, чтобы они масштабировались пропорционально, и использовать медиа-запросы для определения более специфичных стилей на разных разрешениях экрана.