摘要：
原文链接在此https://medium.com/jotform-form-builder/how-to-use-chrome-devtools-like-a-pro-b9bd414870e3 如你所想Chrome DevTools 是一个允许Web开发人员通过浏览器干扰和操控web 应用，有了这个 阅读全文
摘要：
0.5像素线条： 0.5像素边框： 0.5像素圆角边框： 阅读全文
摘要：
直角箭头： 圆角箭头： 斜切角思路: 阅读全文
摘要：
当用户手指放在移动设备在屏幕上滑动会触发的touch事件 webkit: touchstart——当手指触碰屏幕时候发生。不管当前有多少只手指 touchmove——当手指在屏幕上滑动时连续触发。通常我们再滑屏页面，会调用event的preventDefault()可以阻止默认情况的发生：阻止页面滚 阅读全文
摘要：
通用模板： 模板2 android 2.3.5以下版本不支持， - target-densitydpi=device-dpi； 阅读全文
摘要：
说起css3就必须提到flex布局，特别是在移动端领域，用得非常多，这里写了一套flex布局兼容（并非全兼容），自己用过之后感觉良好； 两端对齐可以用这种方法： 使用注意： flex下的子元素必须为块级元素，非块级元素在android2.3机器下flex失效 flex下的子元素宽度和高度不能超过父元 阅读全文
摘要：
zepto.js 语法与jquery几乎一样，会jquery基本会zepto~ 最新版本已经更新到1.16 官网：http://zeptojs.com/ 中文(非官网)：http://www.css88.com/doc/zeptojs_api/ 常使用的扩展模块： 浏览器检测：https://git 阅读全文
摘要：
很多时候，当用户在移动端体验产品时，难免会触发手机系统的横屏指令，不可否认，横屏确实可以给用户带来更好的用户体验。 这里提供一些思路，我们给window.orientation取值，正负90表示横屏模式、0和180表现为竖屏模式； 样式可以这样写： 阅读全文
摘要：
移动端触摸按钮的效果，可明示用户有些事情正要发生，是一个很好的用户体验。 但是移动设备中并没有鼠标指针，使用css的hover并不能满足我们的需求，这个时候我们就可以激活移动端css的active效果。 方法很简单：在body上添加ontouchstart，即可激活移动端css的active效果； 阅读全文
摘要：
对于只需要适配少部分手机设备，分辨率对页面影响不大的，使用px即可， 对于需要适配各种移动设备，使用rem，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。 rem配置参考，适合视觉稿宽度为640px的： 阅读全文