前端如何实现vue 带背景图登陆页按照改变的浏览器缩放比例缩放

Question

前端如何实现vue 带背景图登陆页按照改变的浏览器缩放比例缩放

Answer 1

这和 vue 关系不大，背景图的话不就是 background-image 吗，他有 background-size 可以设置，可以是和盒子相关，也可以是固定尺寸，还可以有 cover 之类的裁剪或者缩放。

Answer 2

一般来说背景可以使用 background-size:cover 来适配页面去做超出裁剪，当然也可以使用 background-size:100% 100% 去拉伸背景图来铺满。background-size - CSS | MDN

登录框的话就和你的业务需求有关系了，如果是比较大的带AD图的登录页面，就是做响应式布局。
如果单纯只是一个登录框的话，可以考虑水平垂直居中。