方案：设置动态style => 监听窗口变化 => 赋值。废话少说上代码
<template> 里给容器绑定style动态设置
引入onMounted 、ref
import {onMounted, ref } from 'vue'
写方法
const scaleva = ref()
const bodyScale = () => {
const devicewidth = document.documentElement.clientWidth
const scale = devicewidth /1920
scaleva.value = scale
}
onMounted(() => {
bodyScale()
window.onresize = () => {
return (() => {
bodyScale()
})()
}
})
OK
https://zhuanlan.zhihu.com/p/31933324 将元素的height设成0，使得元素的...
随笔分享几个最近开发中遇到的坑和小技巧： 1. 缩放窗口时保持首列面板大小 默认情况下，当用户缩放窗口大小时，Sp...
按指定尺寸缩放图片 根据屏幕的宽高等比压缩图片
菜单栏缩放， 在浏览器窗口大小不变的情况下让页面中的echarts图表自适应vuex中写入一个opened变量，来...
在窗口程序中，当我们改变窗口大小的时候，背景图片通常会岁窗口大小变化而缩放 然而，在我们写的窗口程序中，设置背景图...
div随着页面宽高等比缩放 用padding-bottom代替height，width和padding-botto...
线性变换-缩放 缩放 2D的缩放，等比例的缩放，和不等比例的缩放。我们的缩放由于不改变旋转，我们使用对角矩阵来实现...
1.图片大小和位置 设置UIButton 的 contentMode 可以让图片等比例缩放，设置 ImageEd...
可调整scalseNum来改变缩放比例
1.0 Python等比缩放图片 2.0 C++等比缩放图片 3.0 运行结果 Python结果显示C++结果显示...
本文标题：vue3中页面根据窗口大小等比缩放
本文链接：https://www.haomeiwen.com/subject/gzgevdtx.html
网友评论