响应式布局-初级

首先要是做浏览器在手里中的适配

写法

    /*（orientation:portrait）横向 （landscape）*/

HACK

注意事项

html {
    font-size:62.5%; /*font-size:2rem==font-size:20px*/
}

移动要设置好最好宽度(min-width)、最大宽度(max-width)

宽度一定要设置成百分比，不要设置成固定像素

box-sizing:border-box;/*标准和和模型设置好就不会把里面的内容给压坏*/