最简单的自适应css代码，根据分辨率调用不同的图片

自适应问题，我想根据分辨率调用不同的样式，PC端调用图片1，移动端调用图片2。一开始以为可以通过js解决，但是网上查了半天也没找到正经的解决办法。我必须在前端找到我的朋友大神。大神几次后给了我简单的自适应CSS。原来我可以使用@media来控制它。是的，发布在下面。 CSS

<style>
.pc{ display:block;}
.pc img{ display:block; margin:0 auto;}
.Mobile{ display:none;}
.Mobile img{ width:100%;}
@media screen and (max-width:640px) {
.pc{ display:none;}
.Mobile{ display:block;}
}
</style>

在应称为标记的位置添加以下代码

<div class="pc">
<img >
</div>
<div class="Mobile">
<img  />
</div>