摘要: 布局方式 1、固定宽度布局:为网页设置一个固定的宽度,通常以px做为长度单位,常见于PC端网页。 2、流式布局:为网页设置一个相对的宽度,通常以百分比做为长度单位。 3、栅格化布局:将网页宽度人为的划分成均等的长度,然后排版布局时则以这些均等的长度做为度量单位,通常利用百分比做为长度单位来划分成均等 阅读全文
posted @ 2019-05-04 21:07 bignewbie 阅读(601) 评论(0) 推荐(1) 编辑
摘要: iScroll.js 一个可以实现客户端原生滚动效果的类库。 1、下载iScroll 2、build目录下提供了不同版本的iScroll,可根据情况选择使用 3、html要求有3层结构如下图 4、获取wrapper这个最外层结点,然后实例化,如下图 swipe.js 1、下载swipe.js 2、h 阅读全文
posted @ 2019-05-04 21:07 bignewbie 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 事件类型 touchstart: 手指触摸屏幕时触发 touchmove: 手指在屏幕上移动时触发 touchend: 手指离开屏幕时触发 TouchEvent对象 touches: 位于屏幕上的所有手指的列表 targetTouches: 位于该元素上的所有手指的列表 changedTouches 阅读全文
posted @ 2019-05-04 21:06 bignewbie 阅读(189) 评论(0) 推荐(0) 编辑
摘要: CSS 预处理器是一种语言,用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,并且你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让你的 CSS 更简洁,适应性更强,代码更直观等诸多好处。 常见的CSS预处理器有:LESS、SASS、Stylus 阅读全文
posted @ 2019-05-04 21:06 bignewbie 阅读(305) 评论(0) 推荐(1) 编辑
摘要: 媒体查询 设备终端的多样化,直接导致了网页的运行环境变的越来越复杂,为了能够保证我们的网页可以适应多个终端,不得不专门为某些特定的设备设计不同的展示风格,通过媒体查询可以检测当前网页运行在什么终端,可以有机会实现网页适应不同终端的展示风格。 媒体类型 将不同的终端设备划分成不同的类型,称为媒体类型 阅读全文
posted @ 2019-05-04 20:41 bignewbie 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 1.js实现轮播图 2.bootstrap实现轮播图(先导入bootstrap文件) 3.swipe实现轮播图(先导入文件) 4.swiper实现看轮播图(先导入文件) 详情:https://www.swiper.com.cn/ 阅读全文
posted @ 2019-05-04 20:34 bignewbie 阅读(330) 评论(0) 推荐(0) 编辑