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

分析

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

tips

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

解决办法

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

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