你这个问题描述太笼统了,可以将你Apache的配置信息截图一下吗?
手机比例不对,可以尝试把背景的background-size: 100%;改成background-size: 100% 100%;,不过会变形,,
这个老师最后说,让大家思考。
具体的我也没写,但是思路是有很多的。
比如,最后一页有个按钮,点击跳转第一页,就是增加一个点击事件。
或者,增加鼠标下滑事件,触发之后回到上一页。
还可以做成跟轮播图一样。
具体的 一般都是js的一些事件控制,
opacity:100%改成opacity:1;
把wampServer安装好,打开,把Apache Port改成80,把你写的项目文件放在安装路径下面的htdocs下面,在浏览器器里输入:localhost/项目名/ 就可以了。
<!DOCTYPE html>
<!-- saved from url=(0038)http://www.imooc.com/activity/project1 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>2016年慕课网新年特献</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/script.js" type="text/javascript" charset="utf-8" async="" defer=""></script>
</head>
<body>
<div id="music">
<img class="music_disc music_play" src="img/music_disc.png">
<img src="img/music_pointer.png">
</div>
<div id="page1">
<div></div>
<div>点击屏幕<br>开启好运2016</div>
<div></div>
<div>2016年慕课网新年特献</div>
</div>
<div id="page2">
<div class="bg p2_bg_loading"></div>
<div></div>
<!--三个圈只用一个div即可。放到p2_circle类中-->
<div id="p2_circle"></div>
<div></div>
</div>
<div id="page3">
<div></div>
<div></div>
<div></div>
<!--下联-->
<div class="p3_couplet_second couplet"></div>
<!--上联-->
<div class="p3_couplet_first couplet"></div>
<!--福-->
<div></div>
</div>
<audio autoplay="true">
<source src="audio/happynewyear.mp3" type="audio/mpeg">
</audio>
</body></html>
你要测量的宽(高)/ 设备的宽(高) *100
把page3 display none,把page1 display block;
margin:0 auto;这错了
应该是margin:auto;
本来就是用的rem 自适应的比例啊
有的,视频右边下来一点有“资料下载”四个字那里就是
安装一个apache服务器 写好的代码就可以通过访问电脑的地址进行测试