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?

the layout scheme I use is this: mobile page adaptive solution-rem layout (advanced version, with source code example)
width adaptation of mobile elements

element width changes when the page is refreshed

refreshes the page and does nothing else

clipboard.png
clipboard.png

clipboard.png
clipboard.png

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?


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;
 }

}

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea693a-1deb.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea693a-1deb.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?