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 标签