已采纳回答 / 李晓健
这种写法的自适应是有问题,只能针对屏幕的宽高比和他所用的屏幕的宽高比差不时才可以,他的demo放到iphone4上就会有问题。如果想适应所有的屏幕,高度相关的就能全用vh单位,可以用rem来做,但这样的话全屏切换有一点麻烦,所以有的做法就是使用media query,针对不同的屏幕做不同的大小。
2016-02-15
已采纳回答 / 李晓健
有兼容性的,具体可以参考 http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/
2016-02-14
已采纳回答 / 呆毛可以动的
经过测试touchstart这段代码在手机上运行确实是正常的,可以暂停后再次播放。电脑模拟手机测试会出现‘touchstart之后可以暂停,却不能开始了’的问题,个人理解chrome的手机测试模式不能正确模拟touchstart事件在手机端的表现。
2016-02-13
最新回答 / 李晓健
sublimeText 编辑器 安装 emmet插件 ,使用方法可参考 http://www.w3cplus.com/tools/emmet-cheat-sheet.html
2016-02-13
最新回答 / 北极阿熊
要学会自己分析网页。在任意一张网页上单击右键,可以看到有一个“查看源代码”选项,点击之后会打开一个新网页,这个网页里是html代码,在<head>里面找到各个link,必然会有css文件。右键这个css链接,在新选项卡中打开,就是css文件了。需要什么元素宽高直接去css里查就可以了。知道怎么算就行了,自己算太费时间。
2016-02-12
最赞回答 / 李晓健
编写代码前一定要设置好viewport,老师把这一讲放到了最后,我个人觉得这个不是很合适,因为这个可以影响到代码的具体展现,我们必须在viewport设置好的基础上还编写我们的效果,才是最终效果。否则当我们写好代码再来添加这个就会发现很多的代码是多余的,甚至有负作用的。有些本来是可以添加viewprot就好了的效果,因为我们开始没有加viewport,就会用代码去调很久,浪费时间不说,最后可能还发现,当我们加了viewport后,本来调好的代码又会乱掉。
2016-02-11
最新回答 / 误尽此生
老师视频里也有这个问题,估计是outer的问题,outer作为一个元素有width,padding,border,margin这几个值构成了整个盒子模型,但是老师在样式设置时导致margin为自动,因此会有一个比较大的margin,最后在旋转时撑破了界面,你注意检查那个元素就会发现那个问题。我的解决方法时避免设置padding,margin(都控制为0),采用right,top居中后就能避免这个问题。但是这个方法的局限在于不是真正意义的居中,我也在考虑更好的办法。希望能和大家一起讨论。
2016-02-11
已采纳回答 / 李晓健
@-webkit-keyframes p1_lantern 和 @keyframes p1_lantern 应该写到 #page1 >.p1_lantern:before{ } 的外面,你写到里面去了
2016-02-08