“团购"响应式总结
经过4个课时学习伪响应式，我觉得响应式的切图布局上和PC端是极为相似的，所以我们用PC的切图布局方式来放到响应式上也是没问题的。
我觉得响应式和PC端的区别最大就是，在不同的比例下的效果，我们都知道，手机的屏幕大小和并不统一，这就是响应式的一大特点，那么将如何解决了呢？首先我们可以在<head>标签中加入一个 mate 来给它自适应：
<meta name="viewport" content="width=750,maximum-scale=1,user-scalable=no" />
其次，我们还可以用媒体查询来控制它在不同分辨率下的呈现：
@media (min-width:1024px and max-width:1920px){
#nav{
width:1024px;
}
}
最后。考虑到在不同分辨率下我们看到的字体等大小不同，我们可以用rem,直接在<html>标签里设置大小然后按照比例用rem就好，最后在媒体查询里按照不同的分辨率来控制，这样就简单多了。
