老师我现在的modernizr库中的flexbox 为啥没效果啊
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>兼容性方案</title>
<style>
header,footer{
width: 100%;
height: 50px;
}
header{
background-color: red;
}
.flexbox header{
display: flex;
/* 水平方向 */
/* justify-content: center;
/* 垂直方向 */
align-items: center;
}
.no-flexbox header{
text-align: center;
line-height: 50px;
}
footer{
background-color: green;
}
</style>
<script src="./js/modernizr-custom.js "></script>
</head>
<body>
<header>header</header>
<footer>footer</footer>
<script>
/* 最标准的写法 不支持的情况下 我们继续判断下面写法 兼容性 */
/* if(requestAnimationFrame){
// 不能这样写 一个没有声明的变量 会报错的 not is undefined
}*/
/* if(window.requestAnimationFrame){
// 这样的写法就是OK window.xx 是可以返回undefined
}else{
//....
} */
/* var requestAnimationFrame = window.requestAnimationFrame|| window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame||window.oRequestAnimationFrame || window.msRequestAnimationFrame||function(fn){
setTimeout(fn,16);
}; */
/* 到了最后 还没有支持的情况下 就没有这个东西了 兼容低版本的问题*/
/* requestAnimationFrame(function(){
console.log(1);
}); */
/* 函数接受一个回调函数 */
</script>
</body>
</html>26
收起
正在回答
3回答
同学你好，可能是下载js文件的问题。可以试试这个在线链接：
<script src="https://cdn.bootcss.com/modernizr/2.8.3/modernizr.js"></script>
祝学习愉快！
好帮手慕星星
2020-03-20 20:22:28
同学你好，是从哪里进行下载的呢？老师测试从官网进行下载，也带有custom，但是效果没有问题。下载流程如下
点击下载：
勾选需要的内容：
点击生成代码，会出现下载按钮，点击进行下载即可：
自己可以试一下，祝学习愉快！
相似问题
老师看看我的为什么没有剧中啊？
0
0
6
有关于modernizr带来CSS冗余代码的问题
25
0
3
关于modernizr
21
0
2
2-10在我的浏览器上效果跟图片是一样的啊？
20
0
4
为什么没效果啊?
3
1
5
登录后可查看更多问答，登录/注册
3.WebAPP开发与小程序
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星