Vue 适配响应式布局，最佳实现应该怎么处理？

[miniyao]

媒体查询的话，每个页面都要写，组件化后怎么实现最佳？

[yaphets666]

@function autoPx($args) {
@return calc(#{$args} / 设计图宽度 * 100vw);
}

args 就是传入设计图上某个长宽高,总之是你需要的尺寸
比如设计图上有个 div 宽度 10 像素
后面直接用 width:autoPx(10)
再搭配 flex 布局和百分比

[syozzz]

mobi.css

[loading]

@manami 同 bluma

[734694671]

我们现在的项目是脚手架用 px2rem 插件直接把 px 转为固定比例的 rem，然后布局用 flex 百分比写的，目前使用着 PC，Pad 都还可以，再加上移动端就得媒体查询多写点适配了

[timedivision]

移动端就用 flex + vw
pc 端一般管理后台就那些个框架
做官网的话一般都有版心宽度，其次也可以用 flex，再加上点媒体查询就够了

[waiaan]

自适应和响应式是两码事吧？

[justsosososo]

手机适配 rem pc 直接媒体查询 栅格 flex

[lichdkimba]

element ui 大部分组件移动端都不行啊。。。。
@maocat

[akakidz]

@zqx 赞同，目前刚做完一个项目，rem 真的挺痛苦的

[missGo]

用 postcss-px-to-viewport 搭配 scss 封装的媒体查询也是一种路径

[KuroNekoFan]

rem 方案准确的说只是同一个 layout 等比例放大缩小，使用 mediaquery 针对不同屏幕尺寸 /长宽比应用不同的 layout 才叫响应式……

[aircjm]

quasar 应该是比较好的方案吧

[viiii]

直接 vueitfy 一把梭

[JerryY]

不用框架的话，全局+一些定制化的适配（媒体查询）