移动web

bootstrap框架模板体验 栅格系统: 栅格系统（boostrap的核心，也是实现响应式布局的核心，专业术语叫 媒体查询； 1.总结： 2.注意点： 1. 如果一行超过了12份 和浮动的特性一样

less 1.less是什么东西 less是一种提高我们编写ess效率的技术=》css预处理器(less,scss,stylues技术名词)less工作流程 1我们写样式代码直接写在less文件中 2

vw的介绍和运用+周边 1.屏幕适配 1.vw 是相对长度单位，相对视口宽度：100vw等于屏幕宽度 2.vh是相对长度单位，相对视口高度：100vw等于屏幕高度 ​ 作用：实现移动端屏幕适配 ​ 一

![移动webday4-移动.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a9928b55f6a642439d8571ea6b15be

![移动webday3.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/637fdf243ff74637ac1decc5dbf993fa~

移动端 1特点和原理： 1.解决不同手机清晰度加载不同清晰度照片的代码写法     2.布局视口 3.理想视口详细介绍 1.flex布局 2.设置主轴对齐方式：justify-content disp

动画 1.动画的基础练习 2.动画的单写 1.animation-name 设置动画的名称 @keyframes 起名字 设置关键帧 2.animation-duration 设置动画的播放时间 （数

![移动webday2.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/337776effbec424da196ce1660794a90~

![移动webday1.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/792a559df02d4365bf2a663a6e16c7bc~