简单的媒体查询例子
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
*{
margin: 0;
padding: 0;
border: 0;
}
body,html{
height: 100%;
width: 100%;
}
#box{
width: 100%;
height: 100%;
}
img{
width: 33%;
float: left;
}
@media screen and (max-width : 375px){
img{
width: 100%;
}
}
</style>
<body>
<div id="box">
<img src="img/1.png" alt="">
<img src="img/2.png" alt="">
<img src="img/3.png" alt="">
</div>
</body>
</html>