响应式布局的原理就是利用css3中@media媒体来实现的
<html>
<head>
<meta charset="utf-8">
<title>布局</title>
<style type="text/css">
body{
background-color: #fff;
}
@media(min- 768px){body{
background-color: red;
}}
</style>
</head>
<body>
</body>
</html>