Vue uses css to adjust adaptively according to the screen size and width

<style>
/* 屏幕小于1440px */
@media screen and (max-width: 1440px) {
    
    
	.add {
    
    
		width: 260px;
	}
}

/* 屏幕等于1440px */
@media screen and (max-width: 1440px) and (min-width: 1440px) {
    
    
	.add {
    
    
		width: 348px;
	}
}

/* 屏幕大于1440px */
@media screen and (min-width:1441px) {
    
    
	.add {
    
    
		width: 348px;
	}
}
</style>

Guess you like

Origin blog.csdn.net/weixin_43908123/article/details/108370373