为了账号安全,请及时绑定邮箱和手机立即绑定

HTML5+CSS3实现春节贺卡

难度中级
时长 1小时51分
学习人数
综合评分9.67
211人评价 查看评价
9.9 内容实用
9.5 简洁易懂
9.6 逻辑清晰

已采纳回答 / 李晓健
这种写法的自适应是有问题,只能针对屏幕的宽高比和他所用的屏幕的宽高比差不时才可以,他的demo放到iphone4上就会有问题。如果想适应所有的屏幕,高度相关的就能全用vh单位,可以用rem来做,但这样的话全屏切换有一点麻烦,所以有的做法就是使用media query,针对不同的屏幕做不同的大小。

最新回答 / 李晓健
http://www.w3school.com.cn/cssref/pr_box-sizing.asp 可以参考

最新回答 / 北极阿熊
没有。三种命名习惯之一。大驼峰,小驼峰,下划线

已采纳回答 / 李晓健
有兼容性的,具体可以参考 http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/ 

已采纳回答 / 呆毛可以动的
经过测试touchstart这段代码在手机上运行确实是正常的,可以暂停后再次播放。电脑模拟手机测试会出现‘touchstart之后可以暂停,却不能开始了’的问题,个人理解chrome的手机测试模式不能正确模拟touchstart事件在手机端的表现。

最新回答 / 李晓健
sublimeText 编辑器 安装 emmet插件 ,使用方法可参考 http://www.w3cplus.com/tools/emmet-cheat-sheet.html 

最新回答 / 北极阿熊
要学会自己分析网页。在任意一张网页上单击右键,可以看到有一个“查看源代码”选项,点击之后会打开一个新网页,这个网页里是html代码,在<head>里面找到各个link,必然会有css文件。右键这个css链接,在新选项卡中打开,就是css文件了。需要什么元素宽高直接去css里查就可以了。知道怎么算就行了,自己算太费时间。

最赞回答 / 李晓健
编写代码前一定要设置好viewport,老师把这一讲放到了最后,我个人觉得这个不是很合适,因为这个可以影响到代码的具体展现,我们必须在viewport设置好的基础上还编写我们的效果,才是最终效果。否则当我们写好代码再来添加这个就会发现很多的代码是多余的,甚至有负作用的。有些本来是可以添加viewprot就好了的效果,因为我们开始没有加viewport,就会用代码去调很久,浪费时间不说,最后可能还发现,当我们加了viewport后,本来调好的代码又会乱掉。

最新回答 / 误尽此生
老师视频里也有这个问题,估计是outer的问题,outer作为一个元素有width,padding,border,margin这几个值构成了整个盒子模型,但是老师在样式设置时导致margin为自动,因此会有一个比较大的margin,最后在旋转时撑破了界面,你注意检查那个元素就会发现那个问题。我的解决方法时避免设置padding,margin(都控制为0),采用right,top居中后就能避免这个问题。但是这个方法的局限在于不是真正意义的居中,我也在考虑更好的办法。希望能和大家一起讨论。

最新回答 / arlenhui
建议加一张图,就是你代码的效果,或者在runjs上弄个demo

已采纳回答 / 李晓健
@-webkit-keyframes p1_lantern 和 @keyframes p1_lantern  应该写到 #page1 >.p1_lantern:before{ } 的外面,你写到里面去了
课程须知
本课程是前端中级课程 1.HTML 和 CSS基础知识 2.HTML5 伪类和 CSS3动画基本知识 3.JavaScript基本语法知识
老师告诉你能学到什么?
1.学会手机端简单展示型网页的布局与分析 2.学会使用CSS3的transition和animation动画 3.学会使用HTML5的Audio API完成音乐交互 4.学会利用JavaScript和伪类制作出绚丽的交互效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消