rem适配布局---6. 案例：苏宁首页制作2

1 在index.less中书写具体样式

1.1 body样式

//首页样式的less文件

//将刚写好的common.less引入到index.less里面 common可以加后缀名less,也可以不加
@import "common.less";

body {
    min-width: 320px;
    //15rem就是750px
    //750px划分15等分就是50px(font-size),也就是50px=1rem--->15rem=750px
    //这里不写最大宽度而写定宽度成15rem的原因：
    //之前限定好了html中的文字最大就是50px，所以15rem最大也就代表750px,所以就不用写maxi-width,同时由于单位是rem，还可以缩放
    width: 15rem;
    margin: 0 auto;
    //苏宁原版样式
    line-height: 1.5;
    font-family: Arial, Helvetica;
    background-color: #f2f2f2;
}