我最开始接触到的是经理让我把一个PC官网写到它的自适应，即写到是屏幕自适应到宽320的尺寸。我当时用到的是@media screen。 优点 : 无需插件,能够适应各种窗口大小，只需在CSS中添加@media screen属性。 紧接着我开始接触移动端的适配。 这个方法是CSD…

今天，我们使用Vue CLI3 做一个移动端适配 。 首先确定你的项目是Vue CLI3版本以上的。

流式布局是一套典型的弹性布局，它的关键特点是：页面中的关键（布局）元素的宽高和位置都不会变化，只有容器元素在做拉伸变化，简单来说就是宽度的拉伸，快级盒子默认就能适应容器的宽度。这种布局对于页面简单的web app是足够了，比如拉钩的页面： 中间每条招聘信息不管分辨率怎么变，招聘…