Как определить рабочую ширину макетов для адаптивного дизайна?

- А можете пояснить, что за CSS-размеры, и почему они имеют отличия от физических размеров?То есть при отрисовке сайта на планшетах и телефонах, я должна ориентироваться на CSS-размеры?
- И я так понимаю, что логично отрисовывать экраны в минимальном разрешении, т.к. при верстке легче растянуть под определенное разрешение экранов (а размеры у всех экранов разные). Но в таком случае для чего нам нужна информация о физических размеров?Для того, чтобы правильно подобрать изображения?

Потому что физические размеры телефонов плюс-минус похожи друг на друга и крутятся сейчас в районе 5 дюймов.
А разрешения экранов могут отличаться едвали не на порядок: от 480*800 у устаревшего low-end до 2960*1440 у самых дорогих galaxy.
Что будет, если все элементы интерфейса будут отличаться в аналогичное число раз? На первом устройстве всё будет огромное, на втором микроскопическое.
Поэтому ОС оперирует виртуальными пикселями, которые могут состоять из нескольких физических пикселей экрана.
То есть когда Самсунг рапортует об очередном убер-девайсе на кучу мегапикселей - размеры элементов на экране остаются те же самые, но увеличивается четкость.

Отрисовывать логично в двойном разрешении, то есть ширина 320*2=640.
Потому что телефонов с одинарной плотностью пикселей уже практически не осталось, кроме совсем уж легаси на руках.