页面要同时适应各个设备需要的代码是什么呢

做前端的大家都知道，现在越来越多的人更注重代码的简洁。一段代码，一个页面要更多的适应各种设备是现在的流行。那么页面要同时适应各个设备需要的代码是什么呢？

@media screen解决了web开发的分辨率问题

代码如下

@media screen and (max-width:640px){}

@media screen and (min-width:641px) and (max-width:1560px){}

这两段代码上面的是宽度最大是640px;大括号里面执行手机端的样式。

下面的最小宽度是641px，最大宽度是1560px，适应pc端的，执行pc端的样式。

可以动手操作一下哦。