问题在响应式布局中，我们应该小心对待ifr a me元素，ifr a me元素的width和height属性设置了其宽度和高度，但是当包含块的宽度或高度小于ifr a me的宽度或高度时，会出现ifr a me元素溢出的现象：
这样溢出的ifr a me会破坏页面的布局。我们可以采用一种方法让ifr a me元素也具有响应性，拭目以待。
解决方法ifr a me元素本身并无法伸缩，除非通过js显示的设置其宽度。但是我们可通过一个ifr a me-container元素来包裹ifr a me，同
常见写法：
下面总结常见的响应式布局的分类：
media screen and (max-width:320px){
#talkFooter .editArea{…… }
}
media screen and (min-width:321px) and (max-width:375px){
#talkFooter .editArea{…… }
}
media screen and (min-width:376px) and (max-width:414px){
#talkFooter
