可以参考下我的作品,在老师的基础上我做了优化:
1、音乐停止与播放时图标指针变化
2、第二页倒计时显示
3、展示到第三页的时候绑定上拉下滑翻页。
github:https://github.com/ar414-com/html5cards
效果链接:https://ar414-com.github.io/html5cards/(觉得有帮助可以start一下呗)
用谷歌浏览器运行你的HTML,F12调试,换成手机模式
href没找对么
你在通配符哪里改一下字体颜色,看看CSS格式是否链入。
一。Alt + F3 多选
二 按住Ctrl键 选择多行 然后输入 就会输入多个class
music的高度也要设置为百分之百
http://blog.csdn.net/charlene0824/article/details/50705795
试试在CSS样式的通配符里改一下文字颜色,看看CSS文件是否链入HTML中。
屏幕宽640px 对应100vw
100/640=0.15625 vw/1px
font-size为10px,换成vw单位为
10*0.15625=1.5625vw
视频中说是在ps中量出来的
设置动画和延时,
加上这个margin:auto;
这是位置不统一造成的,请检查一下html,body{height:100%;}是否设置成为height:100%了
我也是移动不到右边
为什么我的中文显示为乱码
首先来说说em和px的关系 em是指字体高度 浏览器默认1em=16px,所以0.75em=12px;我们经常会在页面上看到根元素写的font-size:65%; 这样em就成了16px*62.5=10em;这是显示在页面的字体大小是10px;
这样12px=1.2em,10px=1em,也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了,
vh vw全称为Viewport Height和Viewport Width 意思就是视窗
当处理宽度的时候,%单位更合适。处理高度的时候,vh单位更好。
手机端页面应该不需要兼容ie8以下吧
那个是辅助功能,在编程的应用平台里才有,就像Java开发时eclipse中的提示功能一样
vw指的是根据屏幕的视口宽度(viewport width)来计算元素所占据的宽度以及位置,vh同理,指的是根据适口高度的高度来计算元素所占的高度和位置,而%则是直接根据屏幕的分辨率来计算,不管你适口实际是多大,这个主要是体现在客户端上,就如课程中讲适口宽度那一节就可以看出适口和分辨率之间的区别.祝你好运!么么哒
#musci>img:first-of-type写错了,应该是music
我个人推荐使用百分比来控制字体大小和元素宽度、边距值
正方形的高度可以通过JS来赋值
sublime Text
同问???
看了一下,是写的height未生效
同上
哦
http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/
张鑫旭老师的博客你值得有有
你是问的那个碟为啥不显示吧
css的第五行#music的width: 15vw,写成了15vm了。 ┑( ̄。。 ̄)┍
一个相对尺寸