vue大屏放大缩小适配方案之scale,直接用超简单

效果图:

全屏情况:vue大屏放大缩小适配方案之scale,直接用超简单_第1张图片

vue大屏放大缩小适配方案之scale,直接用超简单_第2张图片

vue2组件代码如下:

1. 适应长度宽度,不留白,(本demo是第一种,不留白)






2. 等比例放大缩小,会留白,但页面不会变形,更为美观,背景色设置与主题色同色,效果更佳





  

父组件引用方式:






你可能感兴趣的:(javascript,前端,开发语言,vue.js)