黑马面面布局开发

目录

创建目录文件夹

适配方案

初始化文件

注意的地方

Swiper插件!!!

上传码云并发布部署静态网站

---

创建目录文件夹

适配方案

• flex布局
• 百分比布局
• rem布局
• vw/vh布局
• 响应式布局
• 本次案例：flex+rem+flexible.js+LESS

初始化文件

• 引入normalize.css
• less中初始化body样式
• 约束范围

@media screen and (min-width:750px) {
    html {
        font-size: 37.5px !important;
    }
}

• 去设置基准值！

iPhone 678 宽度是375px，cssrem把宽度分成10等份，所以是37.5px

注意的地方

 是给图片添加vertical-align！！

 轮播图调整透明底和缩放！！！

 然后加定位，子绝父相