网站图片和文字自适应

img
如何将图片和文字随着屏幕大小自动改变大小,用的elementui

img
如何将导航栏在小屏时折叠成三横,用的elementui

Layout 布局,字体用rem,航栏在小屏时折叠成三横用媒介查询去判断

css实现
@media (min-width:0px){
html{font-size:12px;}
}
@media (min-width: 320px){
html{font-size:12px;}
}
@media (min-width: 340px){
html{font-size:13px;}
}
@media (min-width: 360px){
html{font-size:14px;}
}
@media (min-width: 380px){
html{font-size:15px;}
}
@media (min-width: 400px){
html{font-size:15px;}
}
@media (min-width: 420px){
html{font-size:16px;}
}