Адаптировать изображение под смартфон
Есть одно изображение для компьютера ,а второе для мобильной версии. Как скриптом или css указать чтоб если нужно разрешение для компьютера то подставляло один файлик с изображением,а если меньше то подставляло файлик с изображением для мобильной версии . Как реализовать такую вещь?
Ответы (2 шт):
Автор решения: Unix Channel
→ Ссылка
Посоветую вам 1.
img {
width-max: *Максимальный размер фото в ширину*
height-max: *Максимальный размер фото в высоту*
width: auto;
height: auto;
}
а так же советую попробовать это
<meta name="viewport" content="width=device-width, initial-scale=1">
Автор решения: Leonid
→ Ссылка
<picture>
<source srcset="pic2.svg" type="image/svg+xml" media="(min-width: 600px)">
<img src="pic1.svg" alt="">
</picture>