Vue how to adjust resolution, use the @ media

CodePudding user response:

I think there are two ways; One is to use media queries, is to use js script

CodePudding user response:

How can I type, use whole put together input method?

CodePudding user response:

Can the

 @ media screen and (Max - width: 768 px) {
. El - dialog {
Width: 375 px; 
} 
. El - table {
Margin - the top: 1 rem; 
} 
} 
@ media screen and (min - width: 768 px) and (Max - width: 992 px) {
. El - dialog {
width: 500px; 
} 
. El - table {
Margin - top: 0.8 rem; 
} 
} 
@ media screen and (min - width: 992 px) and (Max - width: 1200 px) {
. El - dialog {
Width: 50%; 
} 
. El - table {
Margin - top: 0.6 rem; 
} 
} 

I give you post a real code