慕课网

H5+JS+CSS3 实现圣诞情缘

最热最新

慕仙8268269

自适应处理：使用rem布局的时候,为了兼容不同的分辨率,我们应该要动态的修正根字体的大小,让所有的用rem单位的子元素跟着一起缩放,从而达到自适应的效果参考右边代码区域，一般情况在项目的最前面加载一段js来修改html的font-size，针对不同分辨率计算font-size，监听浏览器更改 html的font-size docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; 给html设置fontSize大小，其实就是在DOMContentLoaded或者resize变化后调整fontSize的大小，从而调整rem的比值关系。慕课的布局是右边区域展示，所以按照移动端的320宽度为标准去做适配的，当然基于这个缩放都是没关系的

查看全部

0 采集收起来源：自适应rem布局
2016-06-06
慕仙8268269

rem和em单位一样，都是一个相对单位,不同的是em是相对于元素的父元素的font-size进行计算,rem是相对于根元素html的font-size进行计算,这样一来rem就绕开了复杂的层级关系，实现了类似于em单位的功能。默认情况下浏览器给的字体大小是16px，按照转化关系 16px = 1rem

查看全部

0 采集收起来源：自适应rem布局
2016-06-06
慕UI0879385

CSS3的Animation有八个属性 animation-name ：动画名 animation-duration：时间 animation-delay：延时 animation-iteration-count：次数 animation-direction：方向 animation-play-state：控制 animation-fill-mode：状态 animation-timing-function：关键帧变化

查看全部

0 采集收起来源：关键帧动画
2016-06-02
慕UI0879385

animation:bird-slow 400ms steps(3) infinite; @keyframes bird-slow { 0% {background-position-x: -0px} 100% {background-position-x: -273px} }

查看全部

0 采集收起来源：关键帧动画
2016-06-02
慕UI0879385

addEventListener('事件'，‘动作’，‘false or true’) //false or true 代表执行顺序

查看全部

0 采集收起来源：自适应rem布局
2016-06-02
慕粉1464072857 00:38

其实还真是写的蛮好

查看全部

0 采集收起来源：编程思路
2016-05-24
朵朵熙熙丶 00:04

老师的课程很好

查看全部

0 采集收起来源：整体介绍
2016-05-19
朵朵熙熙丶 00:08

iOS非公开的笔记

查看全部

0 采集收起来源：整体介绍
2016-05-18
朵朵熙熙丶 00:27

试下

查看全部

0 采集收起来源：课程简介
2016-05-18
舞草綿綿糖

一般情况在项目的最前面加载一段js来修改html的font-size，针对不同分辨率计算font-size，监听浏览器更改 html的font-size docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; 给html设置fontSize大小，其实就是在DOMContentLoaded或者resize变化后调整fontSize的大小，从而调整rem的比值关系。慕课的布局是右边区域展示，所以按照移动端的320宽度为标准去做适配的，当然基于这个缩放都是没关系的总结：根据实际情况通过设计稿与当前可视区的大小做一个比例关系，通过这个比例进行缩放处理

查看全部

0 采集收起来源：自适应rem布局
2016-05-12
Love_my_love 01:12

实现的效果

查看全部

0 采集收起来源：编程思路
2016-05-04
Love_my_love 00:53

使用的技术

查看全部

0 采集收起来源：编程思路
2016-05-04
经济斤斤计较

查看全部

0 采集收起来源：自适应rem布局
2016-04-28
恍恍惚惚好

查看全部

0 采集收起来源：自适应rem布局
2016-04-28
这是最新的笔记！

查看全部

0 采集收起来源：关键帧动画
2016-04-28

首页上一页 6 7 8 9 10 11 12 下一页尾页

0/150

提交

取消

开始学习

课程须知: 本课程为高级案例课程，其中所用的大部分知识点不做深入剖析，只讲解如何使用，部分代码需要由你自己填充。需要具备如下知识： 1、HTML4、HTML5 2、CSS2、CSS3 3、JavaScript、jQuery 4、面向对象思想 5、SVG基础知识 6、Canvas基础知识

老师告诉你能学到什么？: 1、rem式布局 2、转场特效 3、异步编程处理 4、CSS3动画过渡 5、JS动画实现 6、H5的音乐效果 7、H5的视频效果 8、SVG画图 9、canvas画图