CSS媒体查询和弹性布局等技

CSS媒体查询和弹性布局是常用的前端技术，用于响应式设计和适应不同设备的页面布局。

CSS媒体查询是一种CSS3功能，它允许根据设备的特性（如屏幕宽度、高度、设备类型等）来应用不同的CSS样式。通过媒体查询，可以根据不同设备的尺寸和特性，为不同的屏幕尺寸和设备类型提供不同的布局和样式。媒体查询可以在CSS文件中使用@media规则来定义，具体的样式可以在@media块中定义。

弹性布局（Flexbox）是一种CSS布局模型，用于创建灵活的、自适应的页面布局。它提供了一套灵活的容器和项目属性，可以轻松实现水平和垂直布局。通过设置容器的display属性为"flex"，可以将其子元素（项目）进行自动排列，并根据可用空间自动调整宽度、高度和位置。弹性布局适用于响应式设计，能够适应不同屏幕尺寸和设备类型。

这些技术可以结合使用，以实现响应式设计和适应不同设备的页面布局。媒体查询可以根据设备特性应用不同的样式，而弹性布局可以实现灵活的自适应布局。它们都是现代前端开发中常用的技术，有助于提供更好的用户体验。