Как задать отображение элемента при определенном размере экрана inline?

Question

[Antoonio54]

Делаю простенький виждет в виде картинки для вставки на чужих сайтах.

<div>
    <a href="https://site.ru/"><img src="https://site.ru/image.png" width="100%"></a>
</div>

Виджет будет вставляться в 2-х местах чужого сайта, в сайдбаре (картинка побольше) и в футере (картинка поменьше). Но нужно, чтобы одновременно отображалась только одна. Т.е. когда десктоп - сайдбар, а когда мобайл - в футере.
media инлайн не прописываются, подскажите, как можно решить эту задачку? Желательно без js.

Comments

[ha100790tag]

а в почему стили должны быть именно илайн? напишите на обертку медиа и нужный эффект будет достигнут. или вы чего то не договариваете?

[Antoonio54]

В чем идея виждета - он удобен для не шарящих. Это как вставка яндекс метрики, юзер может еще найти шаблон своего сайта, куда вставит готовый код в указанное место. Но в css ему уже сложно.
Потому-то и нужно чтобы все было в одном месте.

Answer 1

[yadscreech]

Правильно понял?

Comments

[yadscreech]

Без css и js вряд-ли как-то получится

[Antoonio54]

Так-то правильно... но в чем идея виждета - он удобен для не шарящих. Это как вставка яндекс метрики, юзер может еще найти шаблон своего сайта, куда вставит готовый код в указанное место. Но в css ему уже сложно.
Потому-то и нужно чтобы все было в одном месте.