Мне нужно, чтобы мое приложение работало в нескольких разрешениях экрана. В настоящее время я указал все размеры в процентах (%) вместо пикселей (px), чтобы он автоматически изменялся в соответствии с размером экрана.
Какая единица измерения будет более надежной для указания размеров на моей веб-странице: пиксели (или EM) или проценты.
Для адаптивного веб-дизайна вам действительно следует использовать медиазапросы
Лично я предпочитаю пиксели, потому что они дают мне больше контроля, и я могу точно знать точные размеры каждого элемента. С помощью медиа-запросов вы также можете установить новые стили в зависимости от разрешения экрана.
Проценты дают вам приятное ощущение отзывчивости, но может быть гораздо сложнее убедиться, что ваш макет не искажается каждым уровнем разрешения.
Оба подхода являются «надежными». Однако, если вы ищете автоматическое изменение размера, проценты — это то, что вам нужно. Если вы не хотите, чтобы размеры элементов изменялись в зависимости от размера окна, пиксели были бы лучшим решением.
Процент всегда применяется к проценту от родительского элемента, а пиксели всегда фиксированы. Проценты более доступны, особенно на небольших мониторах, однако вы столкнетесь с проблемами разрыва строк в неподходящее время и т.п. Например, если у вас есть изображение шириной 50 пикселей и строка текста шириной 100 пикселей, и вы хотите, чтобы элементы располагались на одной строке, укажите ширину 150 пикселей, потому что, если вы укажете процент, они могут отображаться прямо на вашем мониторе, но не на других.
