教你写一个简单的自适应css,根据分辨率调用不同的图片

作者: 分类: 建站知识 发布时间: 2018-09-03 15:08:16
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
<div class="pc">
<img src="/1.jpg">
</div>
<div class="Mobile">
<img src="/2.jpg" />
</div>

如果觉得我的文章对您有用,可以继续关注或联系我们。您的支持将鼓励我继续创作!

标签云