Должен ли я использовать CSS-модуль PT для элементов управления пользовательского интерфейса?

Question

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

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

Answer 1

Нет.pt фиксированного размера.Вы должны использовать em и / или ex (возможно %), если вам нужна масштабируемость.

Answer 2

Если вы хотите масштабируемый, то вам не нужен pt, который разрешает до 1/72 дюйма (но только если компьютер правильно откалиброван, чтобы знать, какой DPI использовать).

Если что-то разумное в 72pt (1 дюйм) для экрана, перед которым вы сидите, то оно не будет ощутимым, когда проецируется (все еще 1 дюйм в высоту) на экран на расстоянии 10 футов.

Answer 3

Как уже упоминалось, 1 точка составляет 1/72 дюйма.Экран, который я использую, имеет 1200 пикселей на высоте 20 см.Если я спроецирую это, эти 1200 пикселей разойдутся до 3 м.

В спецификации w3c CSS есть много измерений, многие из них используются, но немногие правильно.

Лучше всего использовать их длямакет, который связан с используемым шрифтом.Можно также использовать проценты.

Однако вам нужно будет «подтолкнуть» некоторые макеты браузера с помощью «мошенника комара», особенно при взгляде на кнопки, выпадающие списки и текстовые поля.Часто они устанавливают что-то относительно положения, чтобы подтолкнуть его вверх / влево / вниз / что угодно.Типичными примерами являются случаи, когда IE и Firefox имеют небольшие различия.

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

Answer 4

Да, вы можете использовать pt или em. 12pt = 1em. Это размер, который корректируется, когда вы выбираете меньший или больший шрифт в вашем браузере. Элементы, отмеченные pt или em, имеют размер вместе со шрифтом (я думаю).

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