Процент ширины и высоты CSS, проблемы с разрешением

Question

Мне нужно, чтобы мое приложение работало с несколькими разрешениями экрана.В настоящее время я указал все размеры в процентах (%), а не в пикселях (px), чтобы он автоматически изменял размеры вместе с экраном.

Что было бы более надежной единицей измерения для указания размеров на моемвеб-страница: пиксели (или EM) или процент

Answer 1

Для Отзывчивый веб-дизайн вы действительно должны использовать медиа-запросы

Лично я предпочитаю пиксели, потому что они дают мне больше контроля, и я могу точно знать точные размерыкаждого элемента.С помощью медиа-запросов вы также можете устанавливать новые стили в зависимости от разрешения экрана.

Проценты дают приятное восприятие, но гораздо сложнее убедиться, что макет не подвергается влиянию каждого уровня разрешения.

Answer 2

Оба подхода являются «надежными».Однако, если вы ищете автоматическое изменение размера, процентные ставки - это путь.Если вы не хотите, чтобы размер элементов изменялся в зависимости от размера окна, пиксели будут лучшим решением.

Answer 3

Процент всегда применяется к проценту от родительского элемента, в то время как пиксели всегда фиксированы. Проценты более доступны, особенно на небольших мониторах , однако вы столкнетесь с проблемами из-за разрыва строки в неподходящее время и тому подобного. Например, если у вас есть изображение размером 50px и строка текста шириной 100px, и вы хотите, чтобы элементы были в одной строке, укажите ширину 150px, потому что если вы укажете процент, они могут отображаться прямо на вашем мониторе, но не на других.