Boa tarde pessoal.
Estou desenvolvendo meu primeiro site com design fluido, mas tenho algumas duvidas.
Já fiz toda parte de media query no CSS, porém de acordo com a resolução da tela, tenho determinados elementos que tem que teriam que ser feitos no html mesmo (acho eu).
Um exemplo:
<div id="meio">
<a href="home.html">
<img src="img/logo.png" alt="" style="float:left; background-position:center center;border:0; margin: 0 auto;">
</a>
</div>
Tenho 3 arquivos "logo", um para smarphones, outro para tablets e outro para desktops, certo?
Minha duvida é como fazer para carregar o logo certo de acordo com a resolução.
Agradeço antecipadamente qualquer ajuda.