<meta name="viewport" content="width=device-width, initial-scale=1.0" />
这句话的意思是什么呢?就是为了告诉浏览器这个页面是响应式页面,不要把它当成桌面站点拖拽来去
<!-- DO THIS -->
<style>
@media (min-width:376px) {
.myimage {
background-image: url("desktop.png");
width: 700px;
height: 550px;
}
} @media (max-width:375px) {
.myimage {
background-image: url("mobile.png");
width: 350px;
height: 130px;
}
}
</style><div class="myimage"></div>