有关于modernizr带来CSS冗余代码的问题

为了兼容性，需要为一些老的设备和老的浏览器写一些备选的样式，也就是视频当中提到的.no-flexbox部分的样式。但是按照老师的写法，如果代码在支持flexbox的浏览器上运行，那就意味着.no-flexbox的样式是没有用的，是冗余的，同样对于老浏览器来讲.flexbox也是冗余的，也就是说不管是现代浏览器上还是老浏览器上都会一部分有多余的CSS代码资源被加载，有没有什么办法，让浏览器不要加载这些冗余的代码？

我是不是应该要将它们写在不同的样式表上，然后特性检测加载不同的样式表，具体怎么做是最佳，求老师指点一下。 orz

慕移动3569406 2020-04-06

源自：移动常见问题 2-3 CSS3-浏览器兼容性

收起

2回答

好帮手慕粉 2020-04-07 19:15:08

同学你好，实际开发中一般不会这样的，因为还得进行判断，是更加麻烦了，建议按照老师的，通过工具直接生成这些兼容性的代码。

祝学习愉快~

收起回答

好帮手慕粉 2020-04-07 14:29:33

同学你好，像同学说的那样，可以先检测是什么浏览器，然后再为其设置设置对应的样式，但是这样代码也是会冗余的，其实也不能说是冗余，是我们为了处理兼容性而写的代码，这是不可避免的。

另外，如果新版本的浏览器不支持的属性，是不会加载的，所以同学不用担心这个问题，跟着老师的实现即可。

祝学习愉快~

收起回答

提问者慕移动3569406 #1

我是这样想的，可不可以将no-flexbox和flexbox这两部分的代码分开写在不同的样式表上，然后通过按需加载来让支持性差的浏览器上加载no-flexbox部分的样式表，而支持性好的浏览器加载flexbox部分的样式表，这种方式在实战开发中您赞同吗？要自己实现还是有什么库直接拿来用？

2020-04-07 18:35:03