最赞回答 / 李晓健
font-size: 1.5625vw;是怎么回事呢?这个1.5625 = (10/640)*100 ,这个10是怎么来的呢,为了开发方便大家都喜欢把根字体设为10px,因为这样的话1rem就等于10px,而我们在量设计图时得到的单位是px,所以我们在转成rem时直接除以10就可以,计算非常方便。这个640是一般的设计图都是640px宽的,这个值可以根据设计图的实际大小来调整。为什么要乘以100呢,因为要换算到vm的单位。http://www.imooc.com/article/4767 文章一直在核审中...
2016-02-15
已采纳回答 / 李晓健
这种写法的自适应是有问题,只能针对屏幕的宽高比和他所用的屏幕的宽高比差不时才可以,他的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
已采纳回答 / 李晓健
@-webkit-keyframes p1_lantern 和 @keyframes p1_lantern 应该写到 #page1 >.p1_lantern:before{ } 的外面,你写到里面去了
2016-02-08
已采纳回答 / 李晓健
什么名字不知道 地址在这里 http://www.imooc.com/activity/project/project1/audio/happynewyear.mp3
2016-02-07