版权声明：本文为博主原创文章遵循 版权协议，转载请附上原文出处链接和本声明

本文主要介绍 @media 查询的使用。通过媒体查询在不同的屏幕尺寸下，可以设置不同的樣式以此，可以完美解决不同屏幕适配的问题话不多说，先来看看效果：

 

 
 

 将大大小小的屏幕尺寸划分为连续的几个宽度区间在各个寬度区间内，设置各自的元素属性这样在不同宽度的屏幕上，媒体查询会根据具体的屏幕尺寸适配到对应的区间来应用此区间内的元素属性，达到适配不同屏幕的效果
 
 

 

 
 

 更多 CSS 技巧，请关注微信公众号