实现不同分辨率、不同缩放比例屏幕对vue显示的问题的适配解决

2023-12-14 14:38:34

分析

我们使用适配常用的就是百分比 这个一般依托于父组件的宽度和高度 ,但是大部分父组件并没有设置宽度和高度,也没有继承其父组件的宽高 所以导致这个问题
另外,使用百分比有时候不生效 可以在设置宽度的时候使用vw 在设置高度的时候设置vh

tips

在固定div的高度和宽度的时候又的需要里面的内容撑开了才能显示 也就是设置的高度和宽度是最大的宽度和高度 ,并不是实际的高度 比如使用百分比布局
而使用vh和vw就是能直接看到组件有宽度和高度

解决办法

找到父组件并将其子组件宽高设置高度、宽度为100%或者使用合适的vh和vw
这样一体的继承下来就可以了

文章来源:https://blog.csdn.net/m0_56666791/article/details/134993789
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。