css媒体查询屏幕适配

CSS媒体查询是一种CSS技术，可以根据设备的属性，如屏幕宽度、高度、方向、分辨率等，来自动适应不同的屏幕尺寸和设备类型。利用CSS媒体查询可以为不同的设备类型（如电脑、平板电脑、智能手机）提供不同的样式和布局，从而实现屏幕适配。常见的CSS媒体查询包括：

1. @media screen and (max-width: 767px) { ... } ：针对屏幕宽度小于等于767px的设备应用样式。

2. @media screen and (min-width: 768px) and (max-width: 991px) { ... } ：针对屏幕宽度在768px到991px之间的设备应用样式。

3. @media screen and (min-width: 992px) { ... } ：针对屏幕宽度大于等于992px的设备应用样式。

通过媒体查询，可以使网站在不同的设备上呈现出最佳的效果，提高用户体验。