随笔分类 - webApp
摘要：基本模板 1、这些组件都具有在文本内容的左或右侧对齐的图片（就像博客评论或 Twitter 消息等） 基本使用
阅读全文
posted @ 2018-01-16 14:26
var_obj
摘要：基本介绍 1、bootstrap提供了丰富的组件，但是有时候我们不仅要删除不必要的标签，还需要修改里面的样式 2、我们建议若是修改样式那么最好将源样式从css中拷贝出来，名字换掉，然后修改具体样式，这样不会破坏原css中的样式，而且不怕繁杂的嵌套关系，万无一失 基本使用 1、将原css样式复制出来然
阅读全文
posted @ 2018-01-16 13:48
var_obj
摘要：基本介绍 1、bootstrap有轮播图的模板，我们只需要改动下就行。 2、这里我们将介绍桌面版本和移动版本最后是综合版本 桌面版本 1、这里的图片设置是有窍门的，不再去添加img标签，而是作为a标签的背景图片 2、背景图片的设置必须是两边很长，中间是内容，设置cover，居中 移动版本 1、移动版
阅读全文
posted @ 2018-01-16 12:47
var_obj
摘要：基本介绍 1、利用媒体查询功能并使用这些工具类可以方便的针对不同设备展示或隐藏页面内容。 基本使用 当屏幕小于768px就会隐藏列表
阅读全文
posted @ 2018-01-15 15:21
var_obj
摘要：基本简介 1、Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列 2、栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局 3、“行（row）”必须包含在 .container （固定宽度）
阅读全文
posted @ 2018-01-15 15:14
var_obj
摘要：基本概念 1、bootstrap就是在媒体查询技术出现以后才开始出现的 2、此技术使响应式开发变得十分轻松，最大特点就是栅格系统（什么设备上如何显示）以及响应式工具（是否可见） 基本模板
阅读全文
posted @ 2018-01-15 14:24
var_obj
摘要：基本概念 响应式开发在没有媒体查询前，也可以通过js来实现，但是人们基本不会考虑，特别繁琐。在出现了媒体查询，才开始逐渐推广响应式。实际开发中，在时间与金钱充足的情况下还是别做响应式，影响性能，维护麻烦。 基本使用 1、屏幕大于等于480px，使用括号里的 2、屏幕小于等于1000px，使用括号里的
阅读全文
posted @ 2018-01-15 12:59
var_obj
摘要：1、我们将5张图片又前后各增加一张，第一张前增加的是原本的第五张，第五张后增加的是原本的第一张，增加的原因无非是手指滑动的时候有轮播效果，这不像以前的轮播图，点击图标就能立刻将ul跳转到指定位置，手机滑动不行 2、当我们手指从第一张向右边方向滑动时，会出现第五张图片，在这个滑动效果结束之后我们跳转到
阅读全文
posted @ 2018-01-15 12:17
var_obj
摘要：基本概况 1、touch事件在移动端被用来代替click事件，因为click事件的触发会延迟影响了用户体验 2、touch事件还可以与translate构成吸附效果 3、现行有一种排版方式是左边宽度是固定的，右边是自适应的 4、下面通过一个项目串联起来这些知识点，顺便说下移动端静态页面设置技巧 左定
阅读全文
posted @ 2018-01-09 18:46
var_obj
摘要：基本概念 1、在移动web端点击事件或者滑动屏幕、捏合等动作都是由touchstar、touchmove、touchend这三个事件组合在一起使用的 2、click事件在移动端会有0.2秒的延迟，下面是测试click在移动web端的延迟，最好在手机浏览器中测试 3、touchstar、touchmo
阅读全文
posted @ 2018-01-08 12:08
var_obj
摘要：视口viewport 1、在桌面端的浏览器的宽度有肯能是很大的，如果设置了一个很大的值，那么在移动端中的浏览器显示的时候会有横向移动的拖拽条，为了避免出现这样的横向拖拽条，我们每次都要页面的宽度就是移动设备浏览器的宽度 2、移动设备的浏览器（或App中的webview）好比是相框，viewport就
阅读全文
posted @ 2018-01-07 17:28
var_obj
浙公网安备 33010602011771号