Таблиця співвідношень px, pt, em%, web зсередини

Pixels (px): «px» мають фіксований розмір одиниць, які використовуються на екранах (наприклад, для читання на екрані комп'ютера). Один піксель дорівнює однієї точки на екрані комп'ютера (найменший елемент дозволу вашого екрану). Багато веб-дизайнери використовують px в веб-документах з метою отримання піксель-ідеального (pixel-perfect) представлення свого сайту, відображуваного в браузері. Одна з проблем, з використанням px полягає в тому, що ці одиниці не дозволяють змінювати масштаб для людей з вадами зору Новомосковсктелей або мобільних пристроїв.
Points (pt): «pt», традиційно використовуються в друкованих ЗМІ (всі, що повинно бути надруковано на папері, і т. Д.). Один «pt» дорівнює 1/72 дюйма. «Pt», так само, як і «px», мають фіксований розмір одиниці і не можуть масштабироваться.

«Ems» (em): «em» - це масштабована одиниця, яка використовується в веб-документах. «Em» дорівнює поточному font-size, наприклад, якщо font-size в документі 12pt, 1em дорівнює 12pt. «Em» масштабируема за своєю природою, так 2em буде дорівнює 24pt, 0.5em буде дорівнює 6pt і т. Д. Використання «em» стають все більш популярним в веб-документах через масштабованості і можливості з користю застосовувати в мобільних пристроях.
Percents (%): Одиниці виміру в% схожі на «em», за винятком кількох принципових відмінностей. По-перше, поточний font-size дорівнює 100% (т. Е. 12pt = 100%). При використанні "%", ваш текст стає повністю масштабується для мобільних пристроїв і зручності користувача (accessibility).

Як показала практика, використання em або% зручніше ніж пункти і пікселі.

* Інформація бралася з сайтів

Сподобалося це:

Навігація по публікаціям

Велике спасибі, просвітили.

Уже кілька років займаюся версткою, так, по дрібниці. Дякую за таблицю. Вирішив запам'ятати часто використовувані розміри і їх відповідність в Емах і пікселях, додавши цей запис в обране.

ох дякую за табличку, дуже виручила і заощадила мій час!

Схожі статті