是通过百分比来控制宽度；
width:100%通过百分比自适应宽度。注意；此百分比是相对于父级元素宽度。父级元素宽度1000px；子元素设置百分比；是父级元素的百分比；
2.可以通过块状元素自动占满父级的宽度的特性来实现
div默认display:block；不对div设置宽度。div默认占满父级元素的宽度。
3.flex-box布局，用flex布局的话，非常的方便可以实现多种自适应布局，但是，只适用于移动端，PC端上面只有高版本的浏览器才兼容，低版本的浏览器是不兼容的。
/*屏幕宽度小于600px时触发*/@media screen and (max-width: 600px){
table{
border:0
}
table thead{
display: none
}
table tr{
margin-bottom: 10px
display: block/*设置成块级元素实现换行*/
border-bottom: 2px solid #ddd
}
table td{
display: block
text-align: right
font-size: 13px
border-bottom: 1px dotted #ccc
}
table td:last-child{
border-bottom: 0
}
table td:before{/*模拟标题的效果*/
content:attr(data-label)
float: left
text-transform: uppercase
font-weight: bold
}
}
