Займитесь движком

разрешение может и от диагонали зависить и от плотности пикселов

# Eurogon (28.05.2014 / 13:19)
разрешение может и от диагонали зависить и от плотности пикселов

Ты ап чом?
Лишь бы ляпнуть
Какая разница, разрешение 1280х720 на планшете или смартфоне? И еще больше интересует вопрос, какая разница от этого для двига?

# Foolish (28.05.2014 / 13:32)
Ты ап чом?
Лишь бы ляпнуть
Какая разница, разрешение 1280х720 на планшете или смартфоне? И еще больше интересует вопрос, какая разница от этого для двига?

Большая.
При этом диагональ может быть 5' и 10'.

# КоханийВолодимир (28.05.2014 / 13:51)
Большая.
При этом диагональ может быть 5' и 10'.

По сути диагональ/размер напрямую зависит от разрешения. 10дюймов эт уже на мой взгляд ближе к вебке.

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

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

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

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

Все современные браузеры (включая смартфонные) этот наворот поддерживают.
Единственное досадное исключение - это Опера мини (скорнее бы сдохла цкатино), там загружаемые шрифты не поддерживаются (по крайней мере пол года назад проверял, не было).

# AlkatraZ (28.05.2014 / 15:28)
Единственная проблема возникает с картинками интерфейса. У них жосские размеры. Их конечно с помощью CSS можно растягивать и сжимать, но качество получается ужасным.

Поэтому придумали flat стиль.

Если же нужно применять именно картинки в интерфейсе, придется извращаться и делать несколько наборов под разное разрешение экранов.

# selemet (28.05.2014 / 15:32)
Поэтому придумали flat стиль.

Да, именно.
Это вынужденная мера, ибо векторные шрифты не поддерживают градиенты, или цвета.

# AlkatraZ (28.05.2014 / 15:32)
Если же нужно применять именно картинки в интерфейсе, придется извращаться и делать несколько наборов под разное разрешение экранов.

Или же фигуры на чистом css