Масштабирование картинок на мобильных устройствах , Как сделать, чтоб текст и картинки одинаково масштабировались?

[S.Eugene]

В тесте используются формулы в виде картинок. Я подобрал размер картинок, чтоб размер шрифта на них более менее совпадал с размером шрифта текста. Но на мобильном текст становится крупным, а картинки малюсенькими, что их еле видно. Как сделать, чтоб текст и картинки одинаково масштабировались? Может нужно указывать их размер в pt или em?

[DIS]

Скорей всего один размер устанавливается в пикселях, а другой - в единицах длины (pt, em, mm и т.д.). Так как кол-во пикселов на единицу длины на разных дисплеях разное, отсюда и несоответствие. Указывай оба размера одинаковыми единицами.

[S.Eugene]

Когда ставлю размеры картинок в em, они становятся размытые. Наверно, даже масштабирование на сотую долю уже дает размытость. А нельзя ли размеры задавать в пикселях, а интервалы допустимых размеров в em?

Например,
height: 16px;
min-height: 0,9em;
max-height: 1,2em;

То есть чтоб было так: если размер в пикселях укладывается в em-интервал, то не масштабируем, если не укладывается, то масштабируем по граничному значению em.

Хотя у меня картинки еще выравниваются по базовой линии. Как узнать, нужно ли и на сколько масштабировать смещение по базовой линии.

В CSS нельзя делать так vertical-aling: k*height, где k какой-то коэффициент?

Сообщение отредактировано: S.Eugene - 05.04.15, 20:01

[DIS]

Цитата S.Eugene @ 05.04.15, 19:51

А нельзя ли размеры задавать в пикселях, а интервалы допустимых размеров в em?

Можно, отчего же нельзя.

Цитата S.Eugene @ 05.04.15, 19:51

В CSS нельзя делать так vertical-aling

vertical-align может иметь одно из нескольких значений, предусмотренных стандартом. Там вообще числа ни при чем.

[S.Eugene]

Цитата DIS @ 05.04.15, 21:54

vertical-align может иметь одно из нескольких значений, предусмотренных стандартом. Там вообще числа ни при чем.

Очень даже причем

Цитата

Синтаксис
vertical-align: baseline|bottom|middle|sub|super|text-bottom|text-top|top|inherit | значение | проценты

Сообщение отредактировано: S.Eugene - 05.04.15, 22:24

[fatalist]

на w3c советуют пиксель:

Цитата http://www.w3.org/Style/Examples/007/units.ru.html

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

Сообщение отредактировано: fatalist - 09.04.15, 16:29

[DIS]

Цитата S.Eugene @ 05.04.15, 22:23

Очень даже причем

Каюсь, проглядел