摘要: 基本介绍 1、利用媒体查询功能并使用这些工具类可以方便的针对不同设备展示或隐藏页面内容。 基本使用 当屏幕小于768px就会隐藏列表 阅读全文
posted @ 2018-01-15 15:21 var_obj 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 基本简介 1、Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列 2、栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局 3、“行(row)”必须包含在 .container (固定宽度) 阅读全文
posted @ 2018-01-15 15:14 var_obj 阅读(665) 评论(0) 推荐(0) 编辑
摘要: 基本概念 1、bootstrap就是在媒体查询技术出现以后才开始出现的 2、此技术使响应式开发变得十分轻松,最大特点就是栅格系统(什么设备上如何显示)以及响应式工具(是否可见) 基本模板 阅读全文
posted @ 2018-01-15 14:24 var_obj 阅读(1142) 评论(0) 推荐(0) 编辑
摘要: 基本概念 响应式开发在没有媒体查询前,也可以通过js来实现,但是人们基本不会考虑,特别繁琐。在出现了媒体查询,才开始逐渐推广响应式。实际开发中,在时间与金钱充足的情况下还是别做响应式,影响性能,维护麻烦。 基本使用 1、屏幕大于等于480px,使用括号里的 2、屏幕小于等于1000px,使用括号里的 阅读全文
posted @ 2018-01-15 12:59 var_obj 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 1、我们将5张图片又前后各增加一张,第一张前增加的是原本的第五张,第五张后增加的是原本的第一张,增加的原因无非是手指滑动的时候有轮播效果,这不像以前的轮播图,点击图标就能立刻将ul跳转到指定位置,手机滑动不行 2、当我们手指从第一张向右边方向滑动时,会出现第五张图片,在这个滑动效果结束之后我们跳转到 阅读全文
posted @ 2018-01-15 12:17 var_obj 阅读(358) 评论(0) 推荐(0) 编辑