Как делать адаптивные картинки для любого устройства?
Добрый день!
Сталкиваюсь с проблемами адаптации сайтов и картинок довольна часто, но как структурировать и решить их непонятно.
Проблемы:
1) Очень часто отображение сайтов на устройствах отличается от отображения в эмуляторе. Как можно унифицировать проверки? Есть ли библиотека/сервис или что-то что может избавить от танцев с бубном?
2) Как правильно ретина и фул хд отображает картинку с фиксированным размером? Раньше я думал, что относительно разрешения уменьшает пропорционально разрешению, но практические тесты на айфоне показываю, что уменьшение не равноценное. Т.е. должно стать 30, а по факту 60 и т.д.
3) Как правильно ловить ретину и фул хд?
4) Есть фреймворки типа бутстрапа, но которые не тупо растягивают на всю ширину, а позволят более точно откалибровать то, как должен выглядеть сайт на разных устройствах. Как минимум чтобы ориентировались не только на ширину, а и на высоту и хотя бы тип устройства.
Простой
Средний
