您现在的位置:首页 >> 前端 >> 内容

前端移动web布局总结

时间:2017/2/24 14:27:00 点击:

  核心提示:1、 基于版心进行布局 1200px 单位 px 2、 栅格布局 响应式 根据不同的屏幕宽度 给盒子加载不同的css样式 版心: 1200 992 768 640 媒体查询: @media scree...

1、 基于版心进行布局 1200px 单位 px 2、 栅格布局 响应式 根据不同的屏幕宽度 给盒子加载不同的css样式 版心: 1200 992 768 640 媒体查询: @media screen and (min-width:992px ) and (max-width:1199px){...} 设置视口:

3、 移动端: 百分比布局 rem布局 伸缩布局 百分比布局 :宽度自适应 rem布局: 宽高等比例缩放

4、 bootstrap框架: 栅格系统 :响应式 .container >.row >.col-sm- *n

animate.css: css动画库 使用 class="animated flash";

zepto-----jquery: jquery:使用与pc端 里面有大量的低版本兼容代码 ,不适合于移动端 所以了 zepto.js 会用jquer 就会 zepto.js

swiper.js 触屏滑动插件 参考API文档

fullpage.js 原理是:监听鼠标滚轮事件,事件触发后 滚动一屏的高度

作者:网络 来源:ITzhongzi的
  • 上一篇:tabs标签
  • 下一篇:Sublime快捷键大全