The width of the element on the mobile side is self-adapting. will the width of the element change when the page is refreshed? Will the font size change when the number of li in the list increases?

element width changes when the page is refreshed

refreshes the page and does nothing else

however, I tried it on my colleague"s computer, but I didn"t have this problem

at the same time, Google, which is on its own computer, 360 has this problem, and Firefox does not have this problem (colleagues use Google)

What is the cause of

? What should I do with it?

Mar.20,2021

Brother, you'd better use rem, to write mobile projects and put this in
html {

  font - size: 20 px;

}
@ media only screen and (min-width: 401 px) {

  html {
      font - size: 25 px!important;
  }

}
@ media only screen and (min-width: 428 px) {
html {

     font - size: 26.75 px!important;
 }

}
@ media only screen and (min-width: 481px) {

 html {
     font - size: 30 px!important;
 }

}
@ media only screen and (min-width: 569 px) {

 html {
     font - size: 35 px!important;
 }

}
@ media only screen and (min-width: 641 px) {

 html {
     font - size: 40 px!important;
 }

}

Previous: Vue dynamically adds child components, and then the parent component acquires the data of all child components?

Next: Activemq's topic queue, when Consumer 1 goes down, will the message sent to Consumer 1 be blocked and persisted?