CSS 媒体查询如何使用，怎样组织响应式断点？

你是怎么进行响应式架构优化和体验优化的？ 原本项目仅仅在桌面端是美观的，但是在移动端就会有问题，看了代码发现是因为这些组件对于很小宽度的断点没有做样式处理，比如说一个搜索框宽度小了之后placeholder就会把搜索框顶出容器。我做的就是完成所有组件的响应式改造，确保他们从sm宽度到xl宽度都是美观的，并且在一些断点改变大组件的位置和折叠。

CSS 媒体查询怎么使用？

如果说想要实现响应式布局，大概了解哪些方法呢

怎么实现响应式布局，多端适配