摘要：原文链接:http://www.tuicool.com/articles/YJviea 背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480，现在更多... 阅读全文

摘要：Can I Use? 2. 概念: 当你给一个元素使用了flexbox模块，那么它的子元素就会指定的方向在水平或者纵向方向排列。这些子元素会按照一定的比例进行扩展或收缩来填补容器的可用空间。 区域1 区域2 3.flex 不等宽布局 ... 阅读全文

摘要：Attention Seekers bounce flash pulse rubberBand shake swing tada wobble Bouncing Entrances bounceIn bounceInDown bounceInLeft bounceInRight bounceInUp Bouncing Exits bounceOut bounceOutDown bounce... 阅读全文

摘要：CSS 模块 如果你想知道 CSS 最近发展的转折点，你应该选择去观看 Christopher Chedeau 在2014年11月的 NationJS 大会上做的名称为 CSS in JS 的分享。不得不说这是一个技术分水岭的时刻，一群不同的思维在自己的方向上就像粒子进入了高能漩涡中一样飞速发展。其中，在 React 或者是 React 相关的项目中编写 CSS 样式，React Style, j... 阅读全文

摘要：一.border-radius浏览器支持 故,私有前缀已经没有必要了! 二.概念性定义 1.border-radius是个简写属性,用于设置四个border-*-radius的属性, 即: border-top-left-radius:2em; border-top-right-radius:2em; border-bottom-right-radius:2em; border-bottom-... 阅读全文

摘要：一. zoom特性 1. zoom是IE的私有属性,但目前除Firefox不支持外,其他浏览器支持尚好. 2.定义: zoom即变焦,可改变元素尺寸,属于真实尺寸.zoom:百分值/数值/normal(即1); 简单示例: 二. transform: scale 属于css3规范,IE9+的现代浏览器全部支持. 语法为:transform:... 阅读全文