Информация об изменениях

Сообщение Re[3]: CHM и HiDPI — как? от 10.08.2020 13:19

Изменено 10.08.2020 13:29 Mystic Artifact

Re[3]: CHM и HiDPI — как?
Здравствуйте, CaptainFlint, Вы писали:

CF>Заиметь картинки как раз не проблема. Проблема — объяснить браузеру, что при таком-то масштабе я хотел бы использовать такую картинку, при сяком-то — другую. Я в вебе сильно плаваю (особенно в современном), но, вроде, кроме @media ничем другим такого не добиться. Ну и скриптами ещё, само собой. Ещё нагуглился img srcset, но это ещё более молодая технология, про IE7 тут и заикаться нечего.

Я помню что что можно было что-то выиграть от meta viewport. Поведение может поменяться.

CF>Про проценты я писал выше, с ними не получается. Задание размера картинки в em и в pt, вроде бы, масштабы состыковало нормально. Но задачу подстановки чёткой картинки нужного разрешения это не решает, просто получается увеличенная (или уменьшенная) мыльная копия исходного изображения, а мне это сильно не нравится.

Прям сильно мыльная?

Насчет картинок тут проверь еще и сами картинки, какое у них указано разрешение, если это есть в их формате. Вдруг там ерунда указана.

Ну а так — поищи готовые полифилы для медиа квери.

Ну или добавь скрипт который на div разместит шрифт/букву с базовым размером который ты знаешь. Скриптом спрашиваешь размер этого div в пикселах. Тут по идее ты и сможешь вычислить масштаб и следовательно перейти на другие img, которые в ином качестве.
А еще лучше — поместить "референсную картинку" в див, и див с текстом который приблизительно равен ширине этой картинки. Ну и опять спрашиваешь браузер о размерах и получаешь отношение — и соотв. переключаешь на другой набор картинок.
Re[3]: CHM и HiDPI — как?
Здравствуйте, CaptainFlint, Вы писали:

CF>Заиметь картинки как раз не проблема. Проблема — объяснить браузеру, что при таком-то масштабе я хотел бы использовать такую картинку, при сяком-то — другую. Я в вебе сильно плаваю (особенно в современном), но, вроде, кроме @media ничем другим такого не добиться. Ну и скриптами ещё, само собой. Ещё нагуглился img srcset, но это ещё более молодая технология, про IE7 тут и заикаться нечего.

Я помню что, что можно было что-то выиграть от meta viewport. Поведение может поменяться.

CF>Про проценты я писал выше, с ними не получается. Задание размера картинки в em и в pt, вроде бы, масштабы состыковало нормально. Но задачу подстановки чёткой картинки нужного разрешения это не решает, просто получается увеличенная (или уменьшенная) мыльная копия исходного изображения, а мне это сильно не нравится.

Прям сильно мыльная?

Насчет картинок тут проверь еще и сами картинки, какое у них указано разрешение, если это есть в их формате. Вдруг там ерунда указана.

Ну а так — поищи готовые полифилы для медиа квери.

Ну или добавь скрипт который на div разместит шрифт/букву с базовым размером который ты знаешь. Скриптом спрашиваешь размер этого div в пикселах. Тут по идее ты и сможешь вычислить масштаб и следовательно перейти на другие img, которые в ином качестве.

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

Ну это просто идея, надо пробовать на практике на IE7 и в chm.

Add: Последний вариант возможно будет даже получше полифилов — не прийдется разбираться как они сделаны и делают ли то, что тебе нужно.