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