关于modernizr

关于modernizr

flex和noflex这两个类名是引入了在modernizr里面选中了flex后下载的文件才有的是吗?为何我试的时候html标签内没有这个类名呢?但是支持flex操作,是浏览器的问题吗?

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
		<title>3-1终端检测</title>
		<style>
			footer,header{
				width: 100%;
				height: 100px;
				background: pink;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			footer{
				background: firebrick;
			}
			
		</style>
		<script src="js/modernizr.js"></script>
	</head>
	<body>
		<header>head</header>
		<footer>footer</footer>
		<script>
			/* console.log(navigator.userAgent);
			var isMobile = navigator.userAgent.match(/android|iphone|ipad|ipod/i);
			//跳转
			if(isMobile){
				location.href = 'https://m.imooc.com';
			}else{
				location.href = 'https://www.imooc.com';
			}
			//加载资源文件
			if(isMobile){
				//zepto(和jq很相似)
				getMobileResources();  //假设的代码
			}else{
				//jq
				getPCResources();   //假设的代码
			}
			 */
		</script>
	</body>
</html>

http://img1.sycdn.imooc.com//climg/5d8dc97d09aede3b15480344.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2019-09-27 17:23:05

同学你好

  1. 是的, 需要在modernizr官网选择flex,下载文件, 才会有flexbox和no-flexbox这两个类名

  2. 看同学的截图, 是有这个flexbox类名的哦

    http://img1.sycdn.imooc.com//climg/5d8dd4e3098d056c15430357.jpg

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~

  • 提问者 hyperse #1
    哦哦 我试了两次,可能这是第二次的然后我记成第一次了。。
    2019-09-27 17:24:26
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师