使用CSS的@media属性来写自适应样式，兼容PC端，pad端，手机端；

这是我本人在写公司官网用到的@media属性来处理兼容手机端，pad端和PC端的样式；

首先要在html的head中写上以下几行代码：

然后在media.css里来为不同的屏幕写不同的样式：

这样就可以实现不同的屏幕适应不同的样式，实现自适应，希望能帮到你们；第一次写，很简单，如果有什么疑问或者错误的地方，大家可以艾特我，希望能和大家一起进步，谢谢！！！