Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/123: Рейтинг темы: голосов - 123, средняя оценка - 4.83
 Аватар для Mailo
178 / 226 / 31
Регистрация: 18.02.2010
Сообщений: 2,313

1em =?px

19.01.2011, 03:27. Показов 25300. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Никак не пойму что за еденица измерения em и сколько в ней пикселей? Складывается ощущение, что на каждом сайте еденица em равна различному числу пикселей.
0
55 / 55 / 8
Регистрация: 12.12.2010
Сообщений: 204
19.01.2011, 08:51
1em - это единица высоты шрифта, соотвественно ширина зависит от используемого шрифта
http://www.w3.org/TR/CSS21/syn... def-length
The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. The exception is when 'em' occurs in the value of the 'font-size' property itself, in which case it refers to the font size of the parent element. It may be used for vertical or horizontal measurement. (This unit is also sometimes called the quad-width in typographic texts.)
0
 Аватар для Mailo
178 / 226 / 31
Регистрация: 18.02.2010
Сообщений: 2,313
19.01.2011, 21:05  [ТС]
Вот это хохма и нафига буржуи на нём шаблоны делают

А есть какая нибудь таблица соответствия "Шрифт - писелей".

P.S. В том же шаблоне появились какие то пункты "pt", полазив по интернетам сложилось впечатление, что от пикселей они ничем не отличаются.

Добавлено через 13 минут
Цитата Сообщение от Mailo Посмотреть сообщение
Вот это хохма и нафига буржуи на нём шаблоны делают

А есть какая нибудь таблица соответствия "Шрифт - писелей".

P.S. В том же шаблоне появились какие то пункты "pt", полазив по интернетам сложилось впечатление, что от пикселей они ничем не отличаются.
P.P.S. Проверил на шаблоне - разница есть
0
19 / 19 / 4
Регистрация: 29.10.2009
Сообщений: 150
19.01.2011, 22:37
По умолчанию это 16px вроде.
А на каждом сайте 1em может иметь разные значения, т.к. изначально размер шрифта для всего сайта может быть установлен например в 62,5%, в итоге 1em будет составлять 10px а не 16
0
55 / 55 / 8
Регистрация: 12.12.2010
Сообщений: 204
20.01.2011, 06:45
шаблоны делают, чтобы на разных мониторах шрифт был одной величины (чтобы на больших мониторах не с лупой лазить)
0
 Аватар для Mailo
178 / 226 / 31
Регистрация: 18.02.2010
Сообщений: 2,313
20.01.2011, 13:31  [ТС]
Спасибо спасибо. Остаются вопросы:
- Как определить по шрифту сколько в его em пикселе?
- Что за пункты?(pt) Для чего нужны?
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
20.01.2011, 15:44
Цитата Сообщение от Mailo Посмотреть сообщение
- Как определить по шрифту сколько в его em пикселе?
Никак. Это разные единицы измерения, никак не связанные друг с другом (как килограммы и мегабайты). Не важно, что они оба обозначают одну физическую величину. Тут все дело в философии. Пикселы - это абсолютные единицы измерения, но только там, где есть эти самые пикселы (монитор, проектор, мобила), и в то же время они относительные, где нет пикселей (принтер, ибо разрешение DPI). Сантиметры - аналогично - абсолютные на физических устройствах (принтер) и в то же время относительные на мониторах, проекторах и т.п.
px'ы, em'ы, ex'ы, cm'ы, pt'ы и т.п. - у всех единиц измерения своё назначение.
Цитата Сообщение от Mailo Посмотреть сообщение
- Что за пункты?(pt) Для чего нужны?
Размер шрифта выбирается не просто в каких-то безразмерных цифрах, а в пунктах (10pt, 12pt, 14pt, 72pt, ...). Надо философию хорошо понять, чтобы знать, где какими единицами пользоваться.

Добавлено через 3 минуты
Ведь толщину книги измеряют не в километрах и даже не в миллиметрах, а в количестве страниц. Аналогично, расстояние между городами в километрах, а не в миллиметрах или количестве деревьев.
1
55 / 55 / 8
Регистрация: 12.12.2010
Сообщений: 204
20.01.2011, 16:55
pt - точки на дюйм (можно считать пикселы на дюйм), зная разрешение монитора (DPI), можно вычислить величину в пикселах,
По моему только IE дает информацию о разрешении монитора.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru