当您已经使用flex box时，是否仍然需要媒体查询来使网站具有响应性？是否有媒体查询可以更好地控制我们的情况？
hheyong 回答：弹性框和媒体查询
是的，在很多情况下您仍会使用媒体查询。 您可能需要从 flex-basis：200px; 切换到手机上更灵活的 flex-basis：50％; 宽度。
两者最好结合使用。 如果您使用百分比，并且在较小的设备上不需要不同的列数，则无法避免媒体查询。
,主要是正确组装站点，正确匹配div，这只会帮助布局-
flex-wrap：包裹；
flex：1;
但是，如果您的站点具有移动菜单，则将需要媒体查询。 Flex足以满足自适应性的要求，但对于精确，特定的自适应性而言，如果div未正确创建网站，则您肯定需要使用媒体查询
, 默认情况下，弹性框和网格布局以及多列布局是响应式的。这些规范是在响应式设计和支持多种设备的世界中编写的。这意味着它们包括许多常识功能，无需我们做很多事情就可以进行响应式设计。
如果要更改某些列的大小或比例，则必须使用Media Query添加一个断点并重新定义它们。按百分比工作时，我们没有其他选择，因为无论容器是宽容器还是窄容器，它们始终与所处容器的百分比相同。
, static include(obj) {
for (let key in obj) {
console.log(key);
const value = obj[key];
this.prototype[key] = value;
}
return this;
}
是一回事。
FlexBox有所不同。
FlexBox是CSS的本机属性集，允许您将一些与布局相关的特定样式应用于父元素和子元素。
RWD是一种调整站点以适合每个屏幕尺寸的方法。为了实现这一点，请使用@MediaQueries。 Flexbox不能替代mediaQueries。一起使用会发生魔术。 想象一下一种情况，当用户的屏幕尺寸小于768px时，您想在“背景” css属性中替换img scr。如果没有@Media规则，如何使用Flexbox来做到这一点？ MediaQueries确实功能强大，并为您提供了很多根据屏幕宽度来控制网站上不同布局的可能性。