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

Question

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

Что вы думаете об указании ширины / высоты элементов div на основе соотношения пикселей вместо простых пикселей старой школы? И какова лучшая практика для определения размера на основе отношения пикселей?

Спасибо!

Answer 1

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

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

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

Вот несколько ссылок, которые сравнивают 2:

http://kyleschaeffer.com/user-experience/css-font-size-em-vs-px-vs-pt-vs/

http://webdesign.about.com/cs/typemeasurements/a/aa042803a.htm