|
Вопрос по адапт. и respons.: meta тег с viewport, плотность пикселей, картинки
Имеем: контент с разметкой на фиксированную ширину, более которой изменений в компоновке элементов не происходит. В широкоформатных мониторах выглядит как рулон туалетной бумаги. Решил через тег meta.viewport.
Задача: не допустить размытия растровых изображений, качество до максимально возможного. Ясно, что большинство элементов непользовательского контента переводят в вектор (какие форматы ), спрашиваю про тех, которые нельзя перевести.
Для пользовательского контента (да впрочем для всего): нужно сделать возможным загрузку картинок для браузера в специфичных форматах. Также подгружать и с определенной плотностью (device pixel ratio). Нужно учитывать, что картинки клиенту будут идти из CDN.
Как в верстке это решается (хотелось бы максимально просто)? Кто сталкивался и решал такую проблему (полностью или частично)? Тег picture и через css как-то? Можно ли использовать modernizr для детектирования поддержки и загрузки соответствующих форматов? Рад буду вашим подсказкам. Интересует какое-то комплексное решение.
|
