目录

创建目录文件夹

适配方案

初始化文件

注意的地方

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！！

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

 然后加定位，子绝父相

第二个轮播图，记得不要冲突，类名不要一致！！！

这里充电学习的模块，图片宽度有问题，后来查看发现，是less里面书写有误！！！less本来就包含嵌套关系了！

Swiper插件!!!

下载完以后把里面的这两个放到相应的地方

使用：

• 下载需要的css和js文件，引入相关文件
• 官网找到类似案例，复制html结构，css样式和js语法
• 根据需求定制模块修改

先引入文件放在自己css文件的上面

 然后放在咱们自己界面的一个盒子里

 引入js文件

然后不需要什么，就去删掉相关js内容和html内容，需要的话就去找相似的

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

• 下载git软件 ，需要码云注册账号
• git是个提交软件，可以把我们的本地网站提交上传到远程仓库（码云gitee）里面

1. 码云里面创建仓库

这里我去安装了一下Git，详细步骤看这个！！！

Git 详细安装教程（详解 Git 安装过程的每一个步骤）_mukes的博客-CSDN博客_git安装https://blog.csdn.net/mukes/article/details/115693833

---

2. 利用Git 提交 把本地网站提交到 码云新建的仓库里面。

 去你要上传文件的根目录右键

第一次操作需要全局布置一下

 初始化仓库

 把文件放到暂存区

把本地文件放到本地仓库里面

 创建远程链接仓库（右键paste可复制粘贴）

 把本地仓库的文件推送到远程仓库  push（这里会有弹窗，是邮箱和密码）

 成功了耶

---

3. 码云部署发布静态网站

 然后就生成了网站

可以去草料二维码把网址复制进去，自动生成一个二维码

http://mz__tonr.gitee.io/heimamianmian/