css3过渡动画——transition属性

css3过渡动画——属transition性

transition: transition-proterty transition-duration transition-timing-function transition-delay;
transition: css样式  动画的执行时间  速度类型  动画的延迟时间;
 多个css属性用逗号隔开
 transition: transform 2s, background-color 2s;

注意：谁发生了属性的改变 就

移动端设备默认的viewport，css布局写的大小， 一般是980px（不写viewpoint代码演示）

移动设备的浏览器都默认设置 了一个viewport元标签，定义了一个虚拟的布局视口，布局视口使视口与移动端浏览器屏幕宽度完全独立开。CSS 布局将会根据它来进行计算，并被它约束。

大部分移动设备默认的 viewport 为 980px,不同设备上的浏览器的默认的宽度并不一样。

所以PC上的网页基本能在手机上呈现，只不过看上去很小，一般默认允许用户通过手动缩放、平移来查看网页。

布局视口的宽度/高度可以通过 document.documentElement.clientWidth / Height来获取

如果要显式设置布局视口，可以使用 HTML 中的 meta 标签