做设计参考的网站,西安广告设计制作公司,重庆hms网站建设,汉阳网站推广做了一个项目下来#xff0c;由于整体界面偏大#xff0c;采取了缩放90%#xff0c;导致很多组件出现偏移问题#xff0c;以下我会把我遇到的各种组件偏移问题依次进行描述解答#xff1a;
ElementPlus选择器下拉偏移
templateel-select :teleportedf…做了一个项目下来由于整体界面偏大采取了缩放90%导致很多组件出现偏移问题以下我会把我遇到的各种组件偏移问题依次进行描述解答
ElementPlus选择器下拉偏移
templateel-select :teleportedfalse v-modelserviceId placeholder请选择服务器 sizelargeel-option label测试 :value1 //el-select
/template
需要加上:teleportedfalse把teleported属性改成false意思是不将下拉列表插入至body元素这样就不会产生偏移了。
Echarts和Vue3draggable等偏移问题通用方法
templatediv idecharts :stylezoom:${zoom};transform:scale(${1/zoom});transform-origin:0 0;width: 100%;height: 100%;/div
/templatescript setupimport { onMounted,ref } from vue;const zoom ref(1)onMounted(() {zoom.value 1/ 0.9//缩放zoom:90%的案例window.addEventListener(resize, () {zoom.value 1/ 0.9})})
/script在style里加上zoom、transform:scale()、transform-origin:0 0;即可这样就等于变回了缩放前的样子亲测可用还有什么疑问评论区来咨询。
