Просмотр поста

Вообще, тут возникают несколько дилемм.
1) Размер экрана еще ни о чем не говорит, ибо их разрешение бывает разным
2) Аналогично, разрешение тоже ни о чем не говорит, ибо размеры экранов сильно отличаются.

Поэтому, в современном дизайне есть одно важное правило. а именно:
НЕ УКАЗЫВАТЬ прямые размеры элементов интерфейса (к примеру 12px).
Например: я указал шрифт 12рх, на планшетах он будет смотреться хорошо, но вот на современных смартфонах с HD экранами - слишком мелко.
Решение - указывать все размеры в относительных единицах.
Это em (можно использовать для всего), или в случае шрифтов: x-small, small, medium, large и так далее.

Тогда все будет подстраиваться и под размер и под его разрешение и будет смотреться хорошо.
Единственная проблема возникает с картинками интерфейса. У них жосские размеры. Их конечно с помощью CSS можно растягивать и сжимать, но качество получается ужасным.