本文介绍了如何创建一个前端静态网站，重点讨论了适配方案，包括flex布局、rem布局以及使用Swiper插件实现轮播图。在初始化文件时，提到了引入normalize.css和设置基准值。在注意事项中，强调了图片垂直对齐、轮播图的调整以及LESS代码的正确编写。最后，讲解了如何将项目上传到码云并部署为静态网站。
目录
创建目录文件夹
适配方案
- 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！！
轮播图调整透明底和缩放！！！
然后加定位，子绝父相
最低0.47元/天 解锁文章
3402
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
